@ornikar/kitt-universal 6.0.0 → 6.1.0

package/dist/definitions/Button/AnimatedButtonPressable.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { PressableProps, View } from 'react-native';
-import type { ButtonType } from './Button';
+import type { ButtonType, ButtonVariant } from './Button';
 export interface StyledPressableProps extends PressableProps {
     $isStretch?: boolean;
     $type: ButtonType;
@@ -8,6 +8,7 @@ export interface StyledPressableProps extends PressableProps {
 export interface AnimatedButtonPressableProps extends PressableProps {
     accessibilityRole: NonNullable<PressableProps['accessibilityRole']>;
     $type: ButtonType;
+    $variant: ButtonVariant;
     $isStretch?: boolean;
 }
 export declare const AnimatedButtonPressable: import("react").ForwardRefExoticComponent<AnimatedButtonPressableProps & import("react").RefAttributes<View>>;

package/dist/definitions/Button/AnimatedButtonPressable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedButtonPressable.d.ts","sourceRoot":"","sources":["../../../src/Button/AnimatedButtonPressable.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;CACnB;AAcD,MAAM,WAAW,4BAA6B,SAAQ,cAAc;IAClE,iBAAiB,EAAE,WAAW,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACpE,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,+GA8DnC,CAAC"}
+{"version":3,"file":"AnimatedButtonPressable.d.ts","sourceRoot":"","sources":["../../../src/Button/AnimatedButtonPressable.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG1D,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;CACnB;AAcD,MAAM,WAAW,4BAA6B,SAAQ,cAAc;IAClE,iBAAiB,EAAE,WAAW,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACpE,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,+GA+DnC,CAAC"}

package/dist/definitions/Button/AnimatedButtonPressable.web.d.ts

@@ -1,12 +1,13 @@
 import type { ReactNode } from 'react';
 import type { DefaultTheme } from 'styled-components/native';
 import type { AnimatedButtonPressableProps } from './AnimatedButtonPressable';
-import type { ButtonType } from './Button';
+import type { ButtonType, ButtonVariant } from './Button';
 interface AnimatedButtonPressableContainerProps {
     theme: DefaultTheme;
     children: ReactNode;
     $isDisabled?: boolean;
     $type: ButtonType;
+    $variant: ButtonVariant;
     $isStretch?: boolean;
     $isSubtle?: boolean;
 }

package/dist/definitions/Button/AnimatedButtonPressable.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedButtonPressable.web.d.ts","sourceRoot":"","sources":["../../../src/Button/AnimatedButtonPressable.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,UAAU,qCAAqC;IAC7C,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gCAAgC,uKA6H3C,CAAC;AAEH,eAAO,MAAM,uBAAuB,yHAQnC,CAAC"}
+{"version":3,"file":"AnimatedButtonPressable.web.d.ts","sourceRoot":"","sources":["../../../src/Button/AnimatedButtonPressable.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAI1D,UAAU,qCAAqC;IAC7C,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gCAAgC,uKA0I3C,CAAC;AAEH,eAAO,MAAM,uBAAuB,yHAcnC,CAAC"}

package/dist/definitions/Button/BaseStyledButtonPressable.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="styled-components-react-native" />
 import type { ViewProps } from 'react-native';
-import type { ButtonType } from './Button';
+import type { ButtonType, ButtonVariant } from './Button';
 export interface BaseStyledButtonPressableProps extends ViewProps {
     $type: ButtonType;
+    $variant: ButtonVariant;
     $isLarge?: boolean;
     $isStretch?: boolean;
     $isDisabled?: boolean;

package/dist/definitions/Button/BaseStyledButtonPressable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseStyledButtonPressable.d.ts","sourceRoot":"","sources":["../../../src/Button/BaseStyledButtonPressable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,8BAA+B,SAAQ,SAAS;IAC/D,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,yBAAyB,kKA8BrC,CAAC"}
+{"version":3,"file":"BaseStyledButtonPressable.d.ts","sourceRoot":"","sources":["../../../src/Button/BaseStyledButtonPressable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG1D,MAAM,WAAW,8BAA+B,SAAQ,SAAS;IAC/D,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,yBAAyB,kKA8BrC,CAAC"}

package/dist/definitions/Button/Button.d.ts

@@ -2,10 +2,12 @@ import type { ReactElement, ReactNode } from 'react';
 import type { PressableProps, View } from 'react-native';
 export declare type SubtleButtonType = 'subtle' | 'subtle-dark';
 export declare type ButtonType = 'primary' | 'default' | SubtleButtonType | 'white';
+export declare type ButtonVariant = 'default' | 'ghost';
 declare type IconPosition = 'right' | 'left';
 export interface ButtonProps {
     children?: ReactNode;
     type?: ButtonType;
+    variant?: ButtonVariant;
     disabled?: boolean;
     stretch?: boolean;
     large?: boolean;

package/dist/definitions/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOzD,oBAAY,gBAAgB,GAAG,QAAQ,GAAG,aAAa,CAAC;AACxD,oBAAY,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAE5E,aAAK,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;AAErC,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,8FAuClB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOzD,oBAAY,gBAAgB,GAAG,QAAQ,GAAG,aAAa,CAAC;AACxD,oBAAY,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAE5E,oBAAY,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,aAAK,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;AAErC,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,8FA0DlB,CAAC"}

package/dist/definitions/Button/ButtonContent.d.ts

@@ -1,10 +1,11 @@
 import type { ReactElement } from 'react';
 import type { Except } from 'type-fest';
 import type { TypographyColor } from '../typography/Typography';
-import type { ButtonProps, ButtonType } from './Button';
+import type { ButtonProps, ButtonType, ButtonVariant } from './Button';
 interface ButtonContentProps extends Except<ButtonProps, 'onPress' | 'disabled' | 'stretch'> {
     isDisabled?: boolean;
     type: NonNullable<ButtonType>;
+    variant: NonNullable<ButtonVariant>;
     $isStretch: ButtonProps['stretch'];
 }
 interface ButtonContentChildrenProps extends Except<ButtonProps, 'onPress' | 'disabled' | 'stretch'> {
@@ -13,6 +14,6 @@ interface ButtonContentChildrenProps extends Except<ButtonProps, 'onPress' | 'di
     color: TypographyColor;
 }
 export declare function ButtonContentChildren({ type, icon, iconPosition, isDisabled, color, children, }: ButtonContentChildrenProps): ReactElement | null;
-export declare function ButtonContent({ type, isDisabled, $isStretch, icon, children, ...props }: ButtonContentProps): ReactElement;
+export declare function ButtonContent({ type, variant, isDisabled, $isStretch, icon, children, ...props }: ButtonContentProps): ReactElement;
 export {};
 //# sourceMappingURL=ButtonContent.d.ts.map

package/dist/definitions/Button/ButtonContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContent.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,0BAA0B,CAAC;AAIrF,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AA8ExD,UAAU,kBAAmB,SAAQ,MAAM,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9B,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,UAAU,0BAA2B,SAAQ,MAAM,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAClG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9B,KAAK,EAAE,eAAe,CAAC;CACxB;AAQD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,KAAK,EACL,QAAQ,GACT,EAAE,0BAA0B,GAAG,YAAY,GAAG,IAAI,CA6ClD;AA4BD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,YAAY,CAUnC"}
+{"version":3,"file":"ButtonContent.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,0BAA0B,CAAC;AAIrF,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA8EvE,UAAU,kBAAmB,SAAQ,MAAM,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9B,OAAO,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACpC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,UAAU,0BAA2B,SAAQ,MAAM,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAClG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9B,KAAK,EAAE,eAAe,CAAC;CACxB;AAQD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,KAAK,EACL,QAAQ,GACT,EAAE,0BAA0B,GAAG,YAAY,GAAG,IAAI,CA6ClD;AA4BD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,YAAY,CAUnC"}

package/dist/definitions/Button/getVariantValuesIfExist.d.ts

@@ -0,0 +1,5 @@
+import type { DefaultTheme } from 'styled-components/native';
+import type { BaseButtonTheme, BaseButtonWithVariant } from '../themes/late-ocean/button';
+import type { ButtonType, ButtonVariant } from './Button';
+export declare function getVariantValuesIfExist<V extends ButtonVariant>(theme: DefaultTheme, type: ButtonType, variant: ButtonVariant): BaseButtonTheme['default'] | BaseButtonWithVariant[V];
+//# sourceMappingURL=getVariantValuesIfExist.d.ts.map

package/dist/definitions/Button/getVariantValuesIfExist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVariantValuesIfExist.d.ts","sourceRoot":"","sources":["../../../src/Button/getVariantValuesIfExist.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAC1F,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAM1D,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,aAAa,EAC7D,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,aAAa,GACrB,eAAe,CAAC,SAAS,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAQvD"}

package/dist/definitions/ExternalLink/ExternalLink.d.ts

@@ -1,16 +1,16 @@
 import type { ComponentProps, ReactElement, VoidFunctionComponent } from 'react';
-import type { TextProps } from 'react-native';
+import type { PressableProps, TextProps } from 'react-native';
 import type { ExternalLinkOpenLinkBehavior } from './ExternalLinkOpenLinkBehavior';
 export interface ExternalLinkAsComponentMinimumRequiredProps {
     href?: TextProps['href'];
     hrefAttrs?: TextProps['hrefAttrs'];
-    onPress?: () => void;
+    onPress?: PressableProps['onPress'];
 }
 export interface ExternalLinkProps<C extends VoidFunctionComponent<any>> {
     as: C;
     openLinkBehavior?: ExternalLinkOpenLinkBehavior;
     href?: string;
-    onPress?: () => void;
+    onPress?: PressableProps['onPress'];
 }
 /** @internal for ExternalLink.web.tsx only */
 export declare type ExternalLinkSendableComponentProps<C extends VoidFunctionComponent<any>> = Omit<ComponentProps<C>, keyof ExternalLinkProps<C> & keyof ExternalLinkAsComponentMinimumRequiredProps>;

package/dist/definitions/ExternalLink/ExternalLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalLink.d.ts","sourceRoot":"","sources":["../../../src/ExternalLink/ExternalLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAGnF,MAAM,WAAW,2CAA2C;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,qBAAqB,CAAC,GAAG,CAAC;IACrE,EAAE,EAAE,CAAC,CAAC;IACN,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,8CAA8C;AAE9C,oBAAY,kCAAkC,CAAC,CAAC,SAAS,qBAAqB,CAAC,GAAG,CAAC,IAAI,IAAI,CACzF,cAAc,CAAC,CAAC,CAAC,EACjB,MAAM,iBAAiB,CAAC,CAAC,CAAC,GAAG,MAAM,2CAA2C,CAC/E,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,SAAS,qBAAqB,CAAC,GAAG,CAAC,EAAE,EACjE,EAAE,EAAE,SAAS,EACb,IAAI,EACJ,gBAA0C,EAC1C,OAAO,EACP,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,kCAAkC,CAAC,CAAC,CAAC,GAAG,YAAY,CAwB7E"}
+{"version":3,"file":"ExternalLink.d.ts","sourceRoot":"","sources":["../../../src/ExternalLink/ExternalLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAGnF,MAAM,WAAW,2CAA2C;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,qBAAqB,CAAC,GAAG,CAAC;IACrE,EAAE,EAAE,CAAC,CAAC;IACN,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,8CAA8C;AAE9C,oBAAY,kCAAkC,CAAC,CAAC,SAAS,qBAAqB,CAAC,GAAG,CAAC,IAAI,IAAI,CACzF,cAAc,CAAC,CAAC,CAAC,EACjB,MAAM,iBAAiB,CAAC,CAAC,CAAC,GAAG,MAAM,2CAA2C,CAC/E,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,SAAS,qBAAqB,CAAC,GAAG,CAAC,EAAE,EACjE,EAAE,EAAE,SAAS,EACb,IAAI,EACJ,gBAA0C,EAC1C,OAAO,EACP,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,kCAAkC,CAAC,CAAC,CAAC,GAAG,YAAY,CA6B7E"}

package/dist/definitions/themes/late-ocean/button.d.ts

@@ -1,17 +1,34 @@
-export interface ButtonVariantTheme {
+export interface BaseVariantTheme {
     backgroundColor: string;
     pressedBackgroundColor: string;
     hoverBackgroundColor: string;
     focusBorderColor: string;
 }
-export interface SubtleButtonVariantTheme extends ButtonVariantTheme {
+export interface GhostVariantTheme extends BaseVariantTheme {
     color: string;
     hoverColor: string;
     activeColor: string;
 }
-export interface DisabledButtonVariantTheme extends ButtonVariantTheme {
+export interface BaseButtonTheme {
+    default: BaseVariantTheme;
+}
+export interface BaseButtonWithVariant extends BaseButtonTheme {
+    ghost: GhostVariantTheme;
+}
+export interface SubtleBaseVariantTheme extends BaseVariantTheme {
+    color: string;
+    hoverColor: string;
+    activeColor: string;
+}
+export interface SubtleButtonTheme extends BaseButtonTheme {
+    default: SubtleBaseVariantTheme;
+}
+export interface DisabledBaseVariantTheme extends BaseVariantTheme {
     borderColor: string;
 }
+export interface DisabledButtonTheme extends BaseButtonTheme {
+    default: DisabledBaseVariantTheme;
+}
 export interface ButtonTheme {
     borderRadius: number;
     borderWidth: {
@@ -40,12 +57,12 @@ export interface ButtonTheme {
         duration: string;
         timingFunction: string;
     };
-    default: ButtonVariantTheme;
-    primary: ButtonVariantTheme;
-    white: ButtonVariantTheme;
-    subtle: SubtleButtonVariantTheme;
-    'subtle-dark': SubtleButtonVariantTheme;
-    disabled: DisabledButtonVariantTheme;
+    default: BaseButtonTheme;
+    primary: BaseButtonWithVariant;
+    white: BaseButtonTheme;
+    subtle: SubtleButtonTheme;
+    'subtle-dark': SubtleButtonTheme;
+    disabled: DisabledButtonTheme;
 }
 export declare const button: ButtonTheme;
 //# sourceMappingURL=button.d.ts.map

package/dist/definitions/themes/late-ocean/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/button.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,0BAA2B,SAAQ,kBAAkB;IACpE,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM,CAAC;YAChB,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,MAAM,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,cAAc,EAAE;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,OAAO,EAAE,kBAAkB,CAAC;IAC5B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,KAAK,EAAE,kBAAkB,CAAC;IAC1B,MAAM,EAAE,wBAAwB,CAAC;IACjC,aAAa,EAAE,wBAAwB,CAAC;IACxC,QAAQ,EAAE,0BAA0B,CAAC;CACtC;AAED,eAAO,MAAM,MAAM,EAAE,WAuEpB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/button.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,OAAO,EAAE,wBAAwB,CAAC;CACnC;AAED,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM,CAAC;YAChB,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,MAAM,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,cAAc,EAAE;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,OAAO,EAAE,eAAe,CAAC;IACzB,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,aAAa,EAAE,iBAAiB,CAAC;IACjC,QAAQ,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,EAAE,WA4FpB,CAAC"}

package/dist/definitions/utils/tests/renderWithProvidersUtils.d.ts

@@ -1,4 +1,6 @@
-import type { RenderResult } from '@testing-library/react';
+import type { RenderResult as RenderResultWeb } from '@testing-library/react';
+import type { RenderAPI as RenderAPINative } from '@testing-library/react-native';
 import type { ReactElement } from 'react';
-export declare function renderWithProviders(element: ReactElement): RenderResult;
+export declare function renderWebWithProviders(element: ReactElement): RenderResultWeb;
+export declare function renderNativeWithProviders(element: ReactElement): RenderAPINative;
 //# sourceMappingURL=renderWithProvidersUtils.d.ts.map

package/dist/definitions/utils/tests/renderWithProvidersUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderWithProvidersUtils.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/renderWithProvidersUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,YAAY,GAAG,YAAY,CAEvE"}
+{"version":3,"file":"renderWithProvidersUtils.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/renderWithProvidersUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9E,OAAO,KAAK,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAElF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,YAAY,GAAG,eAAe,CAE7E;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,YAAY,GAAG,eAAe,CAEhF"}

package/dist/index-browser-all.es.android.js

@@ -349,6 +349,20 @@ function Avatar(_ref6) {
   });
 }
 
+var hasVariant = function (button, variant) {
+  return variant in button;
+};
+
+function getVariantValuesIfExist(theme, type, variant) {
+  var button = theme.kitt.button[type];
+
+  if (hasVariant(button, variant)) {
+    return button[variant];
+  }
+
+  return theme.kitt.button[type]["default"];
+}
+
 var StyledPressable = /*#__PURE__*/styled.Pressable.withConfig({
   displayName: "AnimatedButtonPressable__StyledPressable"
 })(["", ""], function (_ref) {
@@ -367,6 +381,7 @@ var AnimatedButtonPressable = /*#__PURE__*/forwardRef(function (_ref3, ref) {
       disabled = _ref3.disabled,
       accessibilityRole = _ref3.accessibilityRole,
       $type = _ref3.$type,
+      $variant = _ref3.$variant,
       $isStretch = _ref3.$isStretch,
       href = _ref3.href,
       hrefAttrs = _ref3.hrefAttrs,
@@ -375,9 +390,11 @@ var AnimatedButtonPressable = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var theme = /*#__PURE__*/useTheme();
   var pressed = useSharedValue(0);
   var color = useSharedValue(0);
-  var _theme$kitt$button$$t = theme.kitt.button[$type],
-      backgroundColor = _theme$kitt$button$$t.backgroundColor,
-      pressedBackgroundColor = _theme$kitt$button$$t.pressedBackgroundColor;
+
+  var _getVariantValuesIfEx = getVariantValuesIfExist(theme, $type, $variant),
+      backgroundColor = _getVariantValuesIfEx.backgroundColor,
+      pressedBackgroundColor = _getVariantValuesIfEx.pressedBackgroundColor;
+
   var scale = theme.kitt.button.scale;
   var scaleStyles = useAnimatedStyle(function () {
     var _f = function () {
@@ -405,7 +422,7 @@ var AnimatedButtonPressable = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     };
     _f.asString = "function _f(){const{interpolateColor,color,backgroundColor,pressedBackgroundColor,withSpring,pressed,scale}=jsThis._closure;{return{backgroundColor:interpolateColor(color.value,[0,1],[backgroundColor,pressedBackgroundColor]),transform:[{scale:withSpring(pressed.value?scale.base.active:scale.base.default)}]};}}";
     _f.__workletHash = 5368461229978;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Button/AnimatedButtonPressable.tsx (53:41)";
+    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Button/AnimatedButtonPressable.tsx (56:41)";
     _f.__optimalization = 2;
 
     global.__reanimatedWorkletInit(_f);
@@ -466,10 +483,11 @@ var BaseStyledButtonPressable = /*#__PURE__*/styled.View.withConfig({
 }, function (_ref6) {
   var theme = _ref6.theme,
       $isDisabled = _ref6.$isDisabled,
-      $type = _ref6.$type;
-  if ($isDisabled) return theme.kitt.button.disabled.backgroundColor;
+      $type = _ref6.$type,
+      $variant = _ref6.$variant;
+  if ($isDisabled) return theme.kitt.button.disabled["default"].backgroundColor;
   if (Platform.OS !== 'web') return 'transparent';
-  return theme.kitt.button[$type].backgroundColor;
+  return getVariantValuesIfExist(theme, $type, $variant).backgroundColor;
 }, function (_ref7) {
   var theme = _ref7.theme,
       $isLarge = _ref7.$isLarge,
@@ -520,12 +538,12 @@ function isSubtle(type) {
   return type.startsWith('subtle');
 }
 
-var _excluded$f = ["type", "isDisabled", "$isStretch", "icon", "children"];
+var _excluded$f = ["type", "variant", "isDisabled", "$isStretch", "icon", "children"];
 
-var getTextColorByType = function (type) {
+var getTextColorByType = function (type, variant) {
   switch (type) {
     case 'primary':
-      return 'white';
+      return variant === 'ghost' ? 'primary' : 'white';
 
     case 'white':
       return 'white';
@@ -654,13 +672,14 @@ var ButtonContentContainer = /*#__PURE__*/styled.View.withConfig({
 });
 function ButtonContent(_ref7) {
   var type = _ref7.type,
+      variant = _ref7.variant,
       isDisabled = _ref7.isDisabled,
       $isStretch = _ref7.$isStretch,
       icon = _ref7.icon,
       children = _ref7.children,
       props = _objectWithoutProperties(_ref7, _excluded$f);
 
-  var color = isDisabled ? 'black-light' : getTextColorByType(type);
+  var color = isDisabled ? 'black-light' : getTextColorByType(type, variant);
   return /*#__PURE__*/jsx(ButtonContentContainer, {
     $isSubtle: isSubtle(type),
     $isStretch: $isStretch,
@@ -683,7 +702,7 @@ var StyledDisabled = /*#__PURE__*/styled.View.withConfig({
   var _theme$kitt$button = theme.kitt.button,
       borderWidth = _theme$kitt$button.borderWidth,
       disabled = _theme$kitt$button.disabled;
-  return "".concat(borderWidth.disabled, "px solid ").concat(disabled.borderColor);
+  return "".concat(borderWidth.disabled, "px solid ").concat(disabled["default"].borderColor);
 }, function (_ref2) {
   var theme = _ref2.theme;
   return theme.kitt.button.borderRadius;
@@ -693,6 +712,8 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'default' : _ref$type,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'default' : _ref$variant,
       disabled = _ref.disabled,
       stretch = _ref.stretch,
       large = _ref.large,
@@ -705,6 +726,11 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
       _ref$accessibilityRol = _ref.accessibilityRole,
       accessibilityRole = _ref$accessibilityRol === void 0 ? 'button' : _ref$accessibilityRol,
       onPress = _ref.onPress;
+
+  if ((process.env.NODE_ENV !== "production") && variant === 'ghost' && type !== 'primary') {
+    throw new Error('variant=ghost is only allowed with type=primary');
+  }
+
   return /*#__PURE__*/jsx(AnimatedButtonPressable, {
     ref: ref,
     accessibilityRole: accessibilityRole,
@@ -714,14 +740,17 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     disabled: disabled,
     $isStretch: stretch,
     $type: type,
+    $variant: variant,
     onPress: onPress,
     children: /*#__PURE__*/jsxs(BaseStyledButtonPressable, {
       $type: type,
+      $variant: variant,
       $isStretch: stretch,
       $isLarge: large,
       $isDisabled: disabled,
       children: [/*#__PURE__*/jsx(ButtonContent, {
         type: type,
+        variant: variant,
         $isStretch: stretch,
         isDisabled: disabled,
         icon: icon,
@@ -810,8 +839,12 @@ function ExternalLink(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded$e);
 
   return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, rest), {}, {
-    onPress: function handleOnPress() {
-      if (onPress) onPress();
+    onPress: function handleOnPress(e) {
+      if (onPress) {
+        onPress(e);
+        if (e !== null && e !== void 0 && e.defaultPrevented) return;
+      }
+
       if (!href) return;
 
       switch (openLinkBehavior["native"]) {
@@ -925,47 +958,68 @@ var button = {
     timingFunction: 'cubic-bezier(0.645, 0.045, 0.355, 1)'
   },
   "default": {
-    backgroundColor: 'rgba(0, 0, 0, 0.05)',
-    pressedBackgroundColor: 'rgba(0, 0, 0, 0.1)',
-    hoverBackgroundColor: 'rgba(0, 0, 0, 0.1)',
-    focusBorderColor: 'rgba(0, 0, 0, 0.1)'
+    "default": {
+      backgroundColor: 'rgba(0, 0, 0, 0.05)',
+      pressedBackgroundColor: 'rgba(0, 0, 0, 0.1)',
+      hoverBackgroundColor: 'rgba(0, 0, 0, 0.1)',
+      focusBorderColor: 'rgba(0, 0, 0, 0.1)'
+    }
   },
   primary: {
-    backgroundColor: colors.primary,
-    pressedBackgroundColor: colors.primaryLight,
-    hoverBackgroundColor: colors.primaryLight,
-    focusBorderColor: 'rgba(76, 52, 224, 0.2)'
+    "default": {
+      backgroundColor: colors.primary,
+      pressedBackgroundColor: colors.primaryLight,
+      hoverBackgroundColor: colors.primaryLight,
+      focusBorderColor: 'rgba(76, 52, 224, 0.2)'
+    },
+    ghost: {
+      backgroundColor: colors.uiBackgroundLight,
+      pressedBackgroundColor: colors.uiBackground,
+      hoverBackgroundColor: colors.hover,
+      focusBorderColor: 'rgba(255,255,255, 0.4)',
+      color: colors.primary,
+      hoverColor: colors.hover,
+      activeColor: colors.hover
+    }
   },
   white: {
-    backgroundColor: 'rgba(255, 255, 255, 0.05)',
-    pressedBackgroundColor: 'rgba(255, 255, 255, 0.1)',
-    hoverBackgroundColor: 'rgba(255, 255, 255, 0.1)',
-    focusBorderColor: 'rgba(255, 255, 255, 0.1)'
+    "default": {
+      backgroundColor: 'rgba(255, 255, 255, 0.05)',
+      pressedBackgroundColor: 'rgba(255, 255, 255, 0.1)',
+      hoverBackgroundColor: 'rgba(255, 255, 255, 0.1)',
+      focusBorderColor: 'rgba(255, 255, 255, 0.1)'
+    }
   },
   subtle: {
-    backgroundColor: colors.transparent,
-    pressedBackgroundColor: colors.transparent,
-    hoverBackgroundColor: colors.transparent,
-    focusBorderColor: 'rgba(76, 52, 224, 0.2)',
-    color: colors.primary,
-    hoverColor: 'rgba(76, 52, 224, 0.8)',
-    activeColor: 'rgba(76, 52, 224, 0.8)'
+    "default": {
+      backgroundColor: colors.transparent,
+      pressedBackgroundColor: colors.transparent,
+      hoverBackgroundColor: colors.transparent,
+      focusBorderColor: 'rgba(76, 52, 224, 0.2)',
+      color: colors.primary,
+      hoverColor: 'rgba(76, 52, 224, 0.8)',
+      activeColor: 'rgba(76, 52, 224, 0.8)'
+    }
   },
   'subtle-dark': {
-    backgroundColor: colors.transparent,
-    pressedBackgroundColor: colors.transparent,
-    hoverBackgroundColor: colors.transparent,
-    focusBorderColor: 'rgba(0, 0, 0, 0.1)',
-    color: colors.black,
-    hoverColor: 'rgba(0, 0, 0, 0.8)',
-    activeColor: 'rgba(0, 0, 0, 0.8)'
+    "default": {
+      backgroundColor: colors.transparent,
+      pressedBackgroundColor: colors.transparent,
+      hoverBackgroundColor: colors.transparent,
+      focusBorderColor: 'rgba(0, 0, 0, 0.1)',
+      color: colors.black,
+      hoverColor: 'rgba(0, 0, 0, 0.8)',
+      activeColor: 'rgba(0, 0, 0, 0.8)'
+    }
   },
   disabled: {
-    backgroundColor: colors.disabled,
-    pressedBackgroundColor: colors.disabled,
-    hoverBackgroundColor: colors.disabled,
-    focusBorderColor: lateOceanColorPalette.black100,
-    borderColor: lateOceanColorPalette.black100
+    "default": {
+      backgroundColor: colors.disabled,
+      pressedBackgroundColor: colors.disabled,
+      hoverBackgroundColor: colors.disabled,
+      focusBorderColor: lateOceanColorPalette.black100,
+      borderColor: lateOceanColorPalette.black100
+    }
   }
 };
 
@@ -1245,14 +1299,14 @@ var iconButton = {
   },
   disabled: {
     scale: 1,
-    backgroundColor: button.disabled.backgroundColor,
-    borderColor: button.disabled.borderColor
+    backgroundColor: button.disabled["default"].backgroundColor,
+    borderColor: button.disabled["default"].borderColor
   },
   "default": {
-    pressedBackgroundColor: button["default"].pressedBackgroundColor
+    pressedBackgroundColor: button["default"]["default"].pressedBackgroundColor
   },
   white: {
-    pressedBackgroundColor: button.white.hoverBackgroundColor
+    pressedBackgroundColor: button.white["default"].hoverBackgroundColor
   }
 };