@openfin/ui-library 0.26.1-alpha.1721400277 → 0.26.1

package/dist/components/elements/Icon/icon.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { IconSizeType, IconType } from '../../system/ThemeProvider/lib/types';
 export type PropsWithIcon = {
     icon: IconType;
@@ -15,4 +15,4 @@ export type IconSizeProps = {
 export type IconProps = HTMLAttributes<HTMLDivElement> & (PropsWithIcon | PropsWithChild) & IconSizeProps & {
     'data-testid'?: string;
 };
-export declare const Icon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<({ tabIndex, icon, children, size, containerSize, "data-testid": dataTestId, ...props }: IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/index.js

@@ -165,7 +165,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
 
   background-color: ${({theme:e})=>e.palette.background1};
   transition: ${({transitionSpeed:e})=>`all ${e}ms linear`};
-  border: ${({theme:e})=>`1px solid ${e.palette.background4}`};
+  border: ${({theme:e})=>`1px solid ${e.palette.background2}`};
   border-radius: ${({isWindows:e})=>!e&&"10px"};
 `,h=(0,a.default)(c.Box)`
   display: flex;
@@ -237,7 +237,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
   width: 100%;
   height: 1px;
   border: none;
-  background-color: ${({theme:e})=>e.palette.background4};
+  background-color: ${({theme:e})=>e.palette.background2};
 `},9068:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SubmenuHeaderCustomContextMenuItem=void 0;const o=n(5893),i=n(6689),a=r(n(7518)),l=n(9634),c=n(7769),u=n(1335),s=n(3600);t.SubmenuHeaderCustomContextMenuItem=({label:e,showShouldHomeButton:t,onClose:n,onBack:r,selected:a})=>{const l=(0,i.useCallback)((e=>{e.stopPropagation(),null==r||r()}),[r]),c=(0,i.useCallback)((e=>{e.stopPropagation(),null==n||n()}),[n]);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(f,{children:[(0,o.jsx)(d,Object.assign({side:"left",selected:a},{children:(0,o.jsx)(p,{icon:"ArrowLeftIcon",onClick:l,id:"back-icon",selected:a})})),(0,o.jsx)(C,Object.assign({size:"base",weight:"normal"},{children:e})),t&&(0,o.jsx)(d,Object.assign({side:"right"},{children:(0,o.jsx)(h,{icon:"Cross1Icon",onClick:c,id:"close-icon"})}))]}),(0,o.jsx)(s.SeparatorCustomContextMenuItem,{})]})};const f=(0,a.default)(u.Box)`
   width: 100%;
   height: 28px;
@@ -633,7 +633,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
 `},7261:function(e,t,n){var r=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useTooltip=t.isElementOverflown=t.OptionTitle=void 0;const i=n(5893),a=n(6689),l=n(7769),c=n(9507),u=o(n(7518));t.OptionTitle=e=>{var{children:n}=e,o=r(e,["children"]);return(0,i.jsx)(s,Object.assign({ref:(0,t.useTooltip)(n)},o,{children:(0,i.jsx)("div",{children:n})}))};const s=(0,u.default)(l.Text)`
   ${c.Mixins.textOverflow};
   margin-left: ${({theme:e})=>e.px.xsmall};
-`;function f(e){return e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth}t.isElementOverflown=f,t.useTooltip=e=>(0,a.useCallback)((t=>{t&&e&&f(t)&&(t.title=e)}),[])},7006:function(e,t,n){var r=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Icon=void 0;const i=n(5893),a=n(6689),l=o(n(7518)),c=n(1335),u=n(9507),s=n(3471),f=n(9669),d=(0,a.forwardRef)(((e,t)=>{var{tabIndex:n,icon:o,children:a,size:l="base",containerSize:c,"data-testid":u}=e,s=r(e,["tabIndex","icon","children","size","containerSize","data-testid"]);return(0,i.jsx)(C,Object.assign({},s,{iconSize:l,containerSize:c||l,justifyContent:"center",alignItems:"center","data-testid":u,tabIndex:n,ref:t},{children:o?(0,i.jsx)(p,Object.assign({ariaLabel:s["aria-label"],icon:o},s)):a}))}));d.displayName="Icon",t.Icon=(0,l.default)(d)``;const p=(0,l.default)((e=>{var{icon:t,ariaLabel:n}=e,o=r(e,["icon","ariaLabel"]);const a=s.IconSet[t];return(0,i.jsx)(a,Object.assign({role:"img","aria-label":n},o))}))``,C=(0,l.default)(c.Box)`
+`;function f(e){return e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth}t.isElementOverflown=f,t.useTooltip=e=>(0,a.useCallback)((t=>{t&&e&&f(t)&&(t.title=e)}),[])},7006:function(e,t,n){var r=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Icon=void 0;const i=n(5893),a=o(n(7518)),l=n(1335),c=n(9507),u=n(3471),s=n(9669);t.Icon=(0,a.default)((e=>{var{tabIndex:t,icon:n,children:o,size:a="base",containerSize:l,"data-testid":c}=e,u=r(e,["tabIndex","icon","children","size","containerSize","data-testid"]);return(0,i.jsx)(d,Object.assign({},u,{iconSize:a,containerSize:l||a,justifyContent:"center",alignItems:"center","data-testid":c,tabIndex:t},{children:n?(0,i.jsx)(f,Object.assign({ariaLabel:u["aria-label"],icon:n},u)):o}))}))``;const f=(0,a.default)((e=>{var{icon:t,ariaLabel:n}=e,o=r(e,["icon","ariaLabel"]);const a=u.IconSet[t];return(0,i.jsx)(a,Object.assign({role:"img","aria-label":n},o))}))``,d=(0,a.default)(l.Box)`
   /**
    * 1. Initialize local variables with reasonable defaults
    */
@@ -642,16 +642,15 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
   /**
    * 2. Inject variants -- ? What are Variants
    */
-  ${(0,u.getVariantCSS)(f.variants,f.Variant.containerSize)}
-  ${(0,u.getVariantCSS)(f.variants,f.Variant.iconSize)}
+  ${(0,c.getVariantCSS)(s.variants,s.Variant.containerSize)}
+  ${(0,c.getVariantCSS)(s.variants,s.Variant.iconSize)}
 
   width: var(--px-container, var(--px-default));
   height: var(--px-container, var(--px-default));
 
   /* SVG Asset */
-
   & > *,
-  ${p} {
+  ${f} {
     display: block;
     width: var(--px-icon, var(--px-default));
     height: var(--px-icon, var(--px-default));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openfin/ui-library",
   "description": "OpenFin UI Component Library",
-  "version": "0.26.1-alpha.1721400277",
+  "version": "0.26.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": "github:openfin/ui-library",