npm - @solace-health/ui - Versions diffs - 0.10.346 → 0.10.347-beta.1 - Mend

@solace-health/ui 0.10.346 → 0.10.347-beta.1

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 (19) hide show

package/dist/Affix.cjs ADDED Viewed

@@ -0,0 +1,10 @@
+'use strict';
+var antd = require('antd');
+var jsxRuntime = require('react/jsx-runtime');
+function r({children:f,...o}){return jsxRuntime.jsx(antd.Affix,{...o,children:f})}
+module.exports = r;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Affix.cjs.map

package/dist/Affix.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/Affix/index.tsx"],"names":["VendorAffix","jsx","Affix","children","rest"],"mappings":"AAAA,OAAS,SAASA,MAA+B,OAGxC,cAAAC,MAAA,oBADM,SAARC,EAAuB,CAAE,SAAAC,EAAU,GAAGC,CAAK,EAAe,CAC/D,OAAOH,EAACD,EAAA,CAAa,GAAGI,EAAO,SAAAD,EAAS,CAC1C","sourcesContent":["import { Affix as VendorAffix, AffixProps } from 'antd';\n\nexport default function Affix({ children, ...rest }: AffixProps) {\n return <VendorAffix {...rest}>{children}</VendorAffix>;\n}\n"]}

package/dist/Affix.d.cts ADDED Viewed

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AffixProps } from 'antd';
+declare function Affix({ children, ...rest }: AffixProps): react_jsx_runtime.JSX.Element;
+export { Affix as default };

package/dist/Affix.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AffixProps } from 'antd';
+declare function Affix({ children, ...rest }: AffixProps): react_jsx_runtime.JSX.Element;
+export { Affix as default };

package/dist/Affix.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { Affix } from 'antd';
+import { jsx } from 'react/jsx-runtime';
+function r({children:f,...o}){return jsx(Affix,{...o,children:f})}
+export { r as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Affix.js.map

package/dist/Affix.js.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/Button.cjs ADDED Viewed

@@ -0,0 +1,206 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var antd = require('antd');
+var d = require('@emotion/styled');
+var jsxRuntime = require('react/jsx-runtime');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var d__default = /*#__PURE__*/_interopDefault(d);
+var g=d__default.default(antd.Button)`
+  height: 50px;
+  margin: 0;
+  width: 100%;
+  border-radius: 10px;
+  border: none;
+  font-size: 18px;
+  font-family: ${r=>r.theme.typography.family.body};
+  font-weight: 700;
+  line-height: 20px;
+  transition: all 200ms ease-in;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0);
+  .ant-btn-text:hover {
+    background-color: rgba(0, 0, 0, 0);
+  }
+`,c=d__default.default(g)`
+  padding: 0;
+  height: auto;
+  &&&:hover {
+    background: transparent;
+    box-shadow: 0;
+  }
+`,s=d__default.default(g)`
+  .ant-btn-text:hover {
+    background: rgba(0, 0, 0, 0.06);
+  }
+  &:hover:enabled {
+    cursor: pointer;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+  }
+  &:disabled {
+    cursor: not-allowed;
+  }
+`,m=d__default.default(s)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: ${({theme:r})=>r.colors.secondaryGreen};
+  text-decoration: none;
+  color: #fff;
+  &:hover:enabled {
+    background-color: ${({theme:r})=>r.colors.secondaryGreen};
+    color: #fff;
+    p {
+      color: #fff;
+    }
+  }
+`,x=d__default.default(s)`
+  background-color: #eeeeee;
+  border: 1px solid #eeeeee;
+  color: #101010;
+  &:hover:enabled {
+    border-color: #b2b2b2 !important;
+    background-color: #e9f0ee;
+  }
+`,y=d__default.default(s)`
+  --color: ${r=>r.color??r.theme.colors.secondaryGreen};
+  background-color: #fff;
+  border: 1px solid var(--color);
+  color: var(--color);
+`,b=d__default.default.a`
+  font-family: ${r=>r.theme.typography.family.body};
+  display: inline-block;
+  ${r=>`color: ${r.color};`}
+  cursor: pointer;
+  line-height: 1;
+  font-weight: 700;
+  text-decoration: underline;
+  ${r=>`text-decoration-color: ${r.color};`}
+  text-decoration-thickness: 0.8px;
+  text-underline-offset: 2px;
+  &:hover {
+    text-decoration: none;
+  }
+  &:after {
+    content: '';
+    margin-top: 1px;
+    display: block;
+    width: 100%;
+    height: 1px;
+  }
+`;var a={body:"var(--font-lato)",heading:"'Mollie Glaston', serif",subHeading:"'Cinzel', sans-serif",script:"'Dancing Script', sans-serif"};var e={white:"#FFFFFF",black:"#000000",green100:"#F4F8F7",green200:"#E9F0EE",green300:"#D4E2DD",green400:"#BED3CC",green500:"#AFC8BF",green600:"#3F937C",green700:"#347866",green800:"#285E50",green900:"#1D4339",green1000:"#102720",grey100:"#EEEEEE",grey200:"#D9D9D9",grey300:"#7F7F7F",grey400:"#555555",gold100:"#FFF7E9",gold200:"#F4E5CA",gold300:"#E9CC95",gold400:"#DEB260",gold500:"#D7A13B",red100:"#F1E1E2",red200:"#E4767C",red300:"#DA4D54",purple100:"#EAD7E1",purple200:"#C99CB3",purple300:"#985276",purple400:"#6F3C56",purple500:"#522C40",disabled:"rgba(0, 0, 0, 0.25)"},o={none:{px:0,rem:0},xs:{px:4,rem:.25},sm:{px:8,rem:.5},md:{px:12,rem:.75},lg:{px:16,rem:1},xl:{px:24,rem:1.5},xxl:{px:32,rem:2},"3xl":{px:40,rem:2.5},"4xl":{px:48,rem:3},"5xl":{px:56,rem:3.5},"6xl":{px:64,rem:4},"7xl":{px:80,rem:5},"8xl":{px:96,rem:6}};d__default.default.div`
+  /* Color */
+  --colo-primary: ${e.green800};
+  --white: ${e.white};
+  --black: ${e.black};
+  --disabled: ${e.disabled};
+  --green-100: ${e.green100};
+  --green-200: ${e.green200};
+  --green-300: ${e.green300};
+  --green-400: ${e.green400};
+  --green-500: ${e.green500};
+  --green-600: ${e.green600};
+  --green-700: ${e.green700};
+  --green-800: ${e.green800};
+  --green-900: ${e.green900};
+  --green-1000: ${e.green1000};
+  --grey-100: ${e.grey100};
+  --grey-200: ${e.grey200};
+  --grey-300: ${e.grey300};
+  --grey-400: ${e.grey400};
+  --gold-100: ${e.gold100};
+  --gold-200: ${e.gold200};
+  --gold-300: ${e.gold300};
+  --gold-400: ${e.gold400};
+  --gold-500: ${e.gold500};
+  --red-100: ${e.red100};
+  --red-200: ${e.red200};
+  --red-300: ${e.red300};
+  --purple-100: ${e.purple100};
+  --purple-200: ${e.purple200};
+  --purple-300: ${e.purple300};
+  --purple-400: ${e.purple400};
+  --purple-500: ${e.purple500};
+  /* Font Family */
+  --font-family-body: ${a.body};
+  --font-family-heading: ${a.heading};
+  --font-family-script: ${a.script};
+  --font-family-subHeading: ${a.subHeading};
+  /* Spacing */
+  --spacing-none: ${o.none.rem}rem;
+  --spacing-xs: ${o.xs.rem}rem;
+  --spacing-sm: ${o.sm.rem}rem;
+  --spacing-md: ${o.md.rem}rem;
+  --spacing-lg: ${o.lg.rem}rem;
+  --spacing-xl: ${o.xl.rem}rem;
+  --spacing-xxl: ${o.xxl.rem}rem;
+  --spacing-3xl: ${o["3xl"].rem}rem;
+  --spacing-4xl: ${o["4xl"].rem}rem;
+  --spacing-5xl: ${o["5xl"].rem}rem;
+  --spacing-6xl: ${o["6xl"].rem}rem;
+  --spacing-7xl: ${o["7xl"].rem}rem;
+  --spacing-8xl: ${o["8xl"].rem}rem;
+  /* Font Size Body */
+  --font-size-body-sm: 0.875rem;
+  --font-size-body-md: 1rem;
+  --font-size-body-lg: 1.125rem;
+  --font-size-body-xl: 1.25rem;
+  /* Font Size Header */
+  --font-size-header-xs: 1rem;
+  --font-size-header-sm: 1.125rem;
+  --font-size-header-md: 1.5rem;
+  --font-size-header-lg: 1.5rem;
+  --font-size-header-xl: 2rem;
+  /* Font Size Display */
+  --font-size-display-xs: 1.5rem;
+  --font-size-display-sm: 2rem;
+  --font-size-display-md: 2.5rem;
+  --font-size-display-lg: 3rem;
+  --font-size-display-xl: 4rem;
+  /* Border Radius */
+  --border-rounded-none: 0;
+  --border-rounded-sm: 0.5rem;
+  --border-rounded-md: 0.75rem;
+  --border-rounded-lg: 1rem;
+  --border-rounded-xl: 1.5rem;
+  --border-rounded-full: 100%;
+  /* Border Width */
+  --border-none: 0;
+  --border-width-sm: 1px;
+  --border-width-md: 1.2px;
+  --border-width-lg: 2px;
+`;var p=({title:r,children:t})=>jsxRuntime.jsx(antd.Tooltip,{title:r,color:"#E9F0EE",overlayInnerStyle:{color:e.green900,padding:"24px",fontSize:"18px"},children:t}),h=({children:r,isSubmitting:t=!1,toolTip:n={title:"",color:"black"},...i})=>jsxRuntime.jsx(p,{title:n.title,children:jsxRuntime.jsx(m,{block:!0,type:"primary",loading:t,...i,children:r})}),F=({children:r,isSubmitting:t=!1,toolTip:n={title:"",color:"black"},...i})=>jsxRuntime.jsx(p,{title:n.title,children:jsxRuntime.jsx(x,{block:!0,loading:t,...i,children:r})}),k=({children:r,isSubmitting:t=!1,toolTip:n={title:"",color:"black"},...i})=>jsxRuntime.jsx(p,{title:n.title,children:jsxRuntime.jsx(y,{block:!0,loading:t,...i,children:r})}),E=({children:r,isSubmitting:t=!1,toolTip:n={title:"",color:"black"},...i})=>jsxRuntime.jsx(p,{title:n.title,children:jsxRuntime.jsx(c,{block:!0,type:"text",loading:t,...i,children:r})}),S=({children:r,toolTip:t={title:"",color:"black"},color:n="#101010",...i})=>jsxRuntime.jsx(p,{title:t.title,children:jsxRuntime.jsx(b,{color:n,type:"link",...i,children:r})}),L={Primary:h,Outline:k,Unstyled:E,Secondary:F,Link:S};
+exports.Link = S;
+exports.Outline = k;
+exports.Primary = h;
+exports.Secondary = F;
+exports.Unstyled = E;
+exports.default = L;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Button.cjs.map

package/dist/Button.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/Button/index.tsx","../src/Button/style.tsx","../src/theme/themeVariables.tsx"],"names":["Tooltip","styled","Button","UnstyledBase","props","UnstyledButton","ButtonBase","StyledPrimary","theme","StyledSecondary","StyledOutline","p","StyledLink","baseFonts","baseColors","baseSpacing","ThemeVariablesProvider","jsx","ButtonTooltip","title","children","Primary","isSubmitting","toolTip","extraProps","Secondary","Outline","Unstyled","Link","color","Button_default"],"mappings":"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","sourcesContent":["import { Tooltip, TooltipProps } from 'antd';\nimport { StyledPrimary, StyledSecondary, StyledOutline, StyledLink, UnstyledButton } from './style';\nimport { baseColors } from '../theme/themeVariables';\n\ntype Props = {\n children: React.ReactNode;\n isSubmitting?: boolean;\n toolTip?: {\n title: React.ReactNode | string;\n /** @depracted Currently not used */\n color?: string;\n };\n color?: string;\n [extraProps: string]: unknown;\n};\n\nconst ButtonTooltip = ({\n title,\n children,\n}: {\n title: TooltipProps['title'];\n children: React.ReactNode;\n}) => (\n <Tooltip\n title={title}\n color=\"#E9F0EE\"\n overlayInnerStyle={{ color: baseColors.green900, padding: '24px', fontSize: '18px' }}\n >\n {children}\n </Tooltip>\n);\n\nexport const Primary = ({\n children,\n isSubmitting = false,\n toolTip = {\n title: '',\n color: 'black',\n },\n ...extraProps\n}: Props) => (\n <ButtonTooltip title={toolTip.title}>\n <StyledPrimary block type=\"primary\" loading={isSubmitting} {...extraProps}>\n {children}\n </StyledPrimary>\n </ButtonTooltip>\n);\n\nexport const Secondary = ({\n children,\n isSubmitting = false,\n toolTip = {\n title: '',\n color: 'black',\n },\n ...extraProps\n}: Props) => (\n <ButtonTooltip title={toolTip.title}>\n <StyledSecondary block loading={isSubmitting} {...extraProps}>\n {children}\n </StyledSecondary>\n </ButtonTooltip>\n);\n\nexport const Outline = ({\n children,\n isSubmitting = false,\n toolTip = {\n title: '',\n color: 'black',\n },\n ...extraProps\n}: Props) => (\n <ButtonTooltip title={toolTip.title}>\n <StyledOutline block loading={isSubmitting} {...extraProps}>\n {children}\n </StyledOutline>\n </ButtonTooltip>\n);\n\nexport const Unstyled = ({\n children,\n isSubmitting = false,\n toolTip = {\n title: '',\n color: 'black',\n },\n ...extraProps\n}: Props) => (\n <ButtonTooltip title={toolTip.title}>\n <UnstyledButton block type=\"text\" loading={isSubmitting} {...extraProps}>\n {children}\n </UnstyledButton>\n </ButtonTooltip>\n);\n\nexport const Link = ({\n children,\n toolTip = {\n title: '',\n color: 'black',\n },\n color = '#101010',\n ...extraProps\n}: Exclude<Props, 'isSubmitting'>) => (\n <ButtonTooltip title={toolTip.title}>\n <StyledLink color={color} type=\"link\" {...extraProps}>\n {children}\n </StyledLink>\n </ButtonTooltip>\n);\n\nexport default {\n Primary,\n Outline,\n Unstyled,\n Secondary,\n Link,\n};\n","import styled from '@emotion/styled';\nimport { Button } from 'antd';\n\nexport const UnstyledBase = styled(Button)`\n height: 50px;\n margin: 0;\n width: 100%;\n border-radius: 10px;\n border: none;\n font-size: 18px;\n font-family: ${(props) => props.theme.typography.family.body};\n font-weight: 700;\n line-height: 20px;\n transition: all 200ms ease-in;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0);\n\n .ant-btn-text:hover {\n background-color: rgba(0, 0, 0, 0);\n }\n`;\n\nexport const UnstyledButton = styled(UnstyledBase)`\n padding: 0;\n height: auto;\n\n &&&:hover {\n background: transparent;\n box-shadow: 0;\n }\n`;\n\nexport const ButtonBase = styled(UnstyledBase)`\n .ant-btn-text:hover {\n background: rgba(0, 0, 0, 0.06);\n }\n\n &:hover:enabled {\n cursor: pointer;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n`;\n\nexport const StyledPrimary = styled(ButtonBase)`\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: ${({ theme }) => theme.colors.secondaryGreen};\n text-decoration: none;\n color: #fff;\n\n &:hover:enabled {\n background-color: ${({ theme }) => theme.colors.secondaryGreen};\n color: #fff;\n\n p {\n color: #fff;\n }\n }\n`;\n\nexport const StyledSecondary = styled(ButtonBase)`\n background-color: #eeeeee;\n border: 1px solid #eeeeee;\n color: #101010;\n\n &:hover:enabled {\n border-color: #b2b2b2 !important;\n background-color: #e9f0ee;\n }\n`;\n\nexport const StyledOutline = styled(ButtonBase)`\n --color: ${(p) => p.color ?? p.theme.colors.secondaryGreen};\n background-color: #fff;\n border: 1px solid var(--color);\n color: var(--color);\n`;\n\nexport const StyledLink = styled.a<{ color: string }>`\n font-family: ${(props) => props.theme.typography.family.body};\n display: inline-block;\n ${(props) => `color: ${props.color};`}\n cursor: pointer;\n line-height: 1;\n font-weight: 700;\n text-decoration: underline;\n ${(props) => `text-decoration-color: ${props.color};`}\n text-decoration-thickness: 0.8px;\n text-underline-offset: 2px;\n\n &:hover {\n text-decoration: none;\n }\n\n &:after {\n content: '';\n margin-top: 1px;\n display: block;\n width: 100%;\n height: 1px;\n }\n`;\n","import styled from '@emotion/styled';\n\nexport const baseFonts = {\n body: 'var(--font-lato)',\n heading: \"'Mollie Glaston', serif\",\n subHeading: \"'Cinzel', sans-serif\",\n script: \"'Dancing Script', sans-serif\",\n};\n\nexport enum Sizes {\n Xs = 'xs',\n Sm = 'sm',\n Md = 'md',\n Lg = 'lg',\n Xl = 'xl',\n Xxl = 'xxl',\n}\n\nexport const baseFontSizes = {\n xs: { px: 12, rem: 0.75 },\n sm: { px: 14, rem: 0.875 },\n md: { px: 16, rem: 1 },\n lg: { px: 18, rem: 1.125 },\n xl: { px: 20, rem: 1.25 },\n xxl: { px: 24, rem: 1.5 },\n};\n\nexport const baseColors = {\n white: '#FFFFFF',\n black: '#000000',\n\n green100: '#F4F8F7',\n green200: '#E9F0EE',\n green300: '#D4E2DD',\n green400: '#BED3CC',\n green500: '#AFC8BF',\n green600: '#3F937C',\n green700: '#347866',\n green800: '#285E50',\n green900: '#1D4339',\n green1000: '#102720',\n\n grey100: '#EEEEEE',\n grey200: '#D9D9D9',\n grey300: '#7F7F7F',\n grey400: '#555555',\n\n gold100: '#FFF7E9',\n gold200: '#F4E5CA',\n gold300: '#E9CC95',\n gold400: '#DEB260',\n gold500: '#D7A13B',\n\n red100: '#F1E1E2',\n red200: '#E4767C',\n red300: '#DA4D54',\n\n purple100: '#EAD7E1',\n purple200: '#C99CB3',\n purple300: '#985276',\n purple400: '#6F3C56',\n purple500: '#522C40',\n\n disabled: 'rgba(0, 0, 0, 0.25)',\n};\n\nexport const baseSpacing = {\n none: { px: 0, rem: 0 },\n xs: { px: 4, rem: 0.25 },\n sm: { px: 8, rem: 0.5 },\n md: { px: 12, rem: 0.75 },\n lg: { px: 16, rem: 1 },\n xl: { px: 24, rem: 1.5 },\n xxl: { px: 32, rem: 2 },\n '3xl': { px: 40, rem: 2.5 },\n '4xl': { px: 48, rem: 3 },\n '5xl': { px: 56, rem: 3.5 },\n '6xl': { px: 64, rem: 4 },\n '7xl': { px: 80, rem: 5 },\n '8xl': { px: 96, rem: 6 },\n};\n\nexport const ThemeVariablesProvider = styled.div`\n /* Color */\n --colo-primary: ${baseColors.green800};\n --white: ${baseColors.white};\n --black: ${baseColors.black};\n --disabled: ${baseColors.disabled};\n\n --green-100: ${baseColors.green100};\n --green-200: ${baseColors.green200};\n --green-300: ${baseColors.green300};\n --green-400: ${baseColors.green400};\n --green-500: ${baseColors.green500};\n --green-600: ${baseColors.green600};\n --green-700: ${baseColors.green700};\n --green-800: ${baseColors.green800};\n --green-900: ${baseColors.green900};\n --green-1000: ${baseColors.green1000};\n\n --grey-100: ${baseColors.grey100};\n --grey-200: ${baseColors.grey200};\n --grey-300: ${baseColors.grey300};\n --grey-400: ${baseColors.grey400};\n\n --gold-100: ${baseColors.gold100};\n --gold-200: ${baseColors.gold200};\n --gold-300: ${baseColors.gold300};\n --gold-400: ${baseColors.gold400};\n --gold-500: ${baseColors.gold500};\n\n --red-100: ${baseColors.red100};\n --red-200: ${baseColors.red200};\n --red-300: ${baseColors.red300};\n\n --purple-100: ${baseColors.purple100};\n --purple-200: ${baseColors.purple200};\n --purple-300: ${baseColors.purple300};\n --purple-400: ${baseColors.purple400};\n --purple-500: ${baseColors.purple500};\n\n /* Font Family */\n --font-family-body: ${baseFonts.body};\n --font-family-heading: ${baseFonts.heading};\n --font-family-script: ${baseFonts.script};\n --font-family-subHeading: ${baseFonts.subHeading};\n\n /* Spacing */\n --spacing-none: ${baseSpacing.none.rem}rem;\n --spacing-xs: ${baseSpacing.xs.rem}rem;\n --spacing-sm: ${baseSpacing.sm.rem}rem;\n --spacing-md: ${baseSpacing.md.rem}rem;\n --spacing-lg: ${baseSpacing.lg.rem}rem;\n --spacing-xl: ${baseSpacing.xl.rem}rem;\n --spacing-xxl: ${baseSpacing.xxl.rem}rem;\n --spacing-3xl: ${baseSpacing['3xl'].rem}rem;\n --spacing-4xl: ${baseSpacing['4xl'].rem}rem;\n --spacing-5xl: ${baseSpacing['5xl'].rem}rem;\n --spacing-6xl: ${baseSpacing['6xl'].rem}rem;\n --spacing-7xl: ${baseSpacing['7xl'].rem}rem;\n --spacing-8xl: ${baseSpacing['8xl'].rem}rem;\n\n /* Font Size Body */\n --font-size-body-sm: 0.875rem;\n --font-size-body-md: 1rem;\n --font-size-body-lg: 1.125rem;\n --font-size-body-xl: 1.25rem;\n\n /* Font Size Header */\n --font-size-header-xs: 1rem;\n --font-size-header-sm: 1.125rem;\n --font-size-header-md: 1.5rem;\n --font-size-header-lg: 1.5rem;\n --font-size-header-xl: 2rem;\n\n /* Font Size Display */\n --font-size-display-xs: 1.5rem;\n --font-size-display-sm: 2rem;\n --font-size-display-md: 2.5rem;\n --font-size-display-lg: 3rem;\n --font-size-display-xl: 4rem;\n\n /* Border Radius */\n --border-rounded-none: 0;\n --border-rounded-sm: 0.5rem;\n --border-rounded-md: 0.75rem;\n --border-rounded-lg: 1rem;\n --border-rounded-xl: 1.5rem;\n --border-rounded-full: 100%;\n\n /* Border Width */\n --border-none: 0;\n --border-width-sm: 1px;\n --border-width-md: 1.2px;\n --border-width-lg: 2px;\n`;\n"]}

package/dist/Button.d.cts ADDED Viewed

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+declare type Props = {
+    children: React.ReactNode;
+    isSubmitting?: boolean;
+    toolTip?: {
+        title: React.ReactNode | string;
+        /** @depracted Currently not used */
+        color?: string;
+    };
+    color?: string;
+    [extraProps: string]: unknown;
+};
+declare const Primary: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+declare const Secondary: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+declare const Outline: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+declare const Unstyled: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+declare const Link: ({ children, toolTip, color, ...extraProps }: Exclude<Props, 'isSubmitting'>) => react_jsx_runtime.JSX.Element;
+declare const _default: {
+    Primary: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+    Outline: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+    Unstyled: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+    Secondary: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+    Link: ({ children, toolTip, color, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+};
+export { Link, Outline, Primary, Secondary, Unstyled, _default as default };

package/dist/Button.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+declare type Props = {
+    children: React.ReactNode;
+    isSubmitting?: boolean;
+    toolTip?: {
+        title: React.ReactNode | string;
+        /** @depracted Currently not used */
+        color?: string;
+    };
+    color?: string;
+    [extraProps: string]: unknown;
+};
+declare const Primary: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+declare const Secondary: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+declare const Outline: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+declare const Unstyled: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+declare const Link: ({ children, toolTip, color, ...extraProps }: Exclude<Props, 'isSubmitting'>) => react_jsx_runtime.JSX.Element;
+declare const _default: {
+    Primary: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+    Outline: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+    Unstyled: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+    Secondary: ({ children, isSubmitting, toolTip, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+    Link: ({ children, toolTip, color, ...extraProps }: Props) => react_jsx_runtime.JSX.Element;
+};
+export { Link, Outline, Primary, Secondary, Unstyled, _default as default };

package/dist/Button.js ADDED Viewed

@@ -0,0 +1,193 @@
+import { Button, Tooltip } from 'antd';
+import d from '@emotion/styled';
+import { jsx } from 'react/jsx-runtime';
+var g=d(Button)`
+  height: 50px;
+  margin: 0;
+  width: 100%;
+  border-radius: 10px;
+  border: none;
+  font-size: 18px;
+  font-family: ${r=>r.theme.typography.family.body};
+  font-weight: 700;
+  line-height: 20px;
+  transition: all 200ms ease-in;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0);
+  .ant-btn-text:hover {
+    background-color: rgba(0, 0, 0, 0);
+  }
+`,c=d(g)`
+  padding: 0;
+  height: auto;
+  &&&:hover {
+    background: transparent;
+    box-shadow: 0;
+  }
+`,s=d(g)`
+  .ant-btn-text:hover {
+    background: rgba(0, 0, 0, 0.06);
+  }
+  &:hover:enabled {
+    cursor: pointer;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+  }
+  &:disabled {
+    cursor: not-allowed;
+  }
+`,m=d(s)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: ${({theme:r})=>r.colors.secondaryGreen};
+  text-decoration: none;
+  color: #fff;
+  &:hover:enabled {
+    background-color: ${({theme:r})=>r.colors.secondaryGreen};
+    color: #fff;
+    p {
+      color: #fff;
+    }
+  }
+`,x=d(s)`
+  background-color: #eeeeee;
+  border: 1px solid #eeeeee;
+  color: #101010;
+  &:hover:enabled {
+    border-color: #b2b2b2 !important;
+    background-color: #e9f0ee;
+  }
+`,y=d(s)`
+  --color: ${r=>r.color??r.theme.colors.secondaryGreen};
+  background-color: #fff;
+  border: 1px solid var(--color);
+  color: var(--color);
+`,b=d.a`
+  font-family: ${r=>r.theme.typography.family.body};
+  display: inline-block;
+  ${r=>`color: ${r.color};`}
+  cursor: pointer;
+  line-height: 1;
+  font-weight: 700;
+  text-decoration: underline;
+  ${r=>`text-decoration-color: ${r.color};`}
+  text-decoration-thickness: 0.8px;
+  text-underline-offset: 2px;
+  &:hover {
+    text-decoration: none;
+  }
+  &:after {
+    content: '';
+    margin-top: 1px;
+    display: block;
+    width: 100%;
+    height: 1px;
+  }
+`;var a={body:"var(--font-lato)",heading:"'Mollie Glaston', serif",subHeading:"'Cinzel', sans-serif",script:"'Dancing Script', sans-serif"};var e={white:"#FFFFFF",black:"#000000",green100:"#F4F8F7",green200:"#E9F0EE",green300:"#D4E2DD",green400:"#BED3CC",green500:"#AFC8BF",green600:"#3F937C",green700:"#347866",green800:"#285E50",green900:"#1D4339",green1000:"#102720",grey100:"#EEEEEE",grey200:"#D9D9D9",grey300:"#7F7F7F",grey400:"#555555",gold100:"#FFF7E9",gold200:"#F4E5CA",gold300:"#E9CC95",gold400:"#DEB260",gold500:"#D7A13B",red100:"#F1E1E2",red200:"#E4767C",red300:"#DA4D54",purple100:"#EAD7E1",purple200:"#C99CB3",purple300:"#985276",purple400:"#6F3C56",purple500:"#522C40",disabled:"rgba(0, 0, 0, 0.25)"},o={none:{px:0,rem:0},xs:{px:4,rem:.25},sm:{px:8,rem:.5},md:{px:12,rem:.75},lg:{px:16,rem:1},xl:{px:24,rem:1.5},xxl:{px:32,rem:2},"3xl":{px:40,rem:2.5},"4xl":{px:48,rem:3},"5xl":{px:56,rem:3.5},"6xl":{px:64,rem:4},"7xl":{px:80,rem:5},"8xl":{px:96,rem:6}};d.div`
+  /* Color */
+  --colo-primary: ${e.green800};
+  --white: ${e.white};
+  --black: ${e.black};
+  --disabled: ${e.disabled};
+  --green-100: ${e.green100};
+  --green-200: ${e.green200};
+  --green-300: ${e.green300};
+  --green-400: ${e.green400};
+  --green-500: ${e.green500};
+  --green-600: ${e.green600};
+  --green-700: ${e.green700};
+  --green-800: ${e.green800};
+  --green-900: ${e.green900};
+  --green-1000: ${e.green1000};
+  --grey-100: ${e.grey100};
+  --grey-200: ${e.grey200};
+  --grey-300: ${e.grey300};
+  --grey-400: ${e.grey400};
+  --gold-100: ${e.gold100};
+  --gold-200: ${e.gold200};
+  --gold-300: ${e.gold300};
+  --gold-400: ${e.gold400};
+  --gold-500: ${e.gold500};
+  --red-100: ${e.red100};
+  --red-200: ${e.red200};
+  --red-300: ${e.red300};
+  --purple-100: ${e.purple100};
+  --purple-200: ${e.purple200};
+  --purple-300: ${e.purple300};
+  --purple-400: ${e.purple400};
+  --purple-500: ${e.purple500};
+  /* Font Family */
+  --font-family-body: ${a.body};
+  --font-family-heading: ${a.heading};
+  --font-family-script: ${a.script};
+  --font-family-subHeading: ${a.subHeading};
+  /* Spacing */
+  --spacing-none: ${o.none.rem}rem;
+  --spacing-xs: ${o.xs.rem}rem;
+  --spacing-sm: ${o.sm.rem}rem;
+  --spacing-md: ${o.md.rem}rem;
+  --spacing-lg: ${o.lg.rem}rem;
+  --spacing-xl: ${o.xl.rem}rem;
+  --spacing-xxl: ${o.xxl.rem}rem;
+  --spacing-3xl: ${o["3xl"].rem}rem;
+  --spacing-4xl: ${o["4xl"].rem}rem;
+  --spacing-5xl: ${o["5xl"].rem}rem;
+  --spacing-6xl: ${o["6xl"].rem}rem;
+  --spacing-7xl: ${o["7xl"].rem}rem;
+  --spacing-8xl: ${o["8xl"].rem}rem;
+  /* Font Size Body */
+  --font-size-body-sm: 0.875rem;
+  --font-size-body-md: 1rem;
+  --font-size-body-lg: 1.125rem;
+  --font-size-body-xl: 1.25rem;
+  /* Font Size Header */
+  --font-size-header-xs: 1rem;
+  --font-size-header-sm: 1.125rem;
+  --font-size-header-md: 1.5rem;
+  --font-size-header-lg: 1.5rem;
+  --font-size-header-xl: 2rem;
+  /* Font Size Display */
+  --font-size-display-xs: 1.5rem;
+  --font-size-display-sm: 2rem;
+  --font-size-display-md: 2.5rem;
+  --font-size-display-lg: 3rem;
+  --font-size-display-xl: 4rem;
+  /* Border Radius */
+  --border-rounded-none: 0;
+  --border-rounded-sm: 0.5rem;
+  --border-rounded-md: 0.75rem;
+  --border-rounded-lg: 1rem;
+  --border-rounded-xl: 1.5rem;
+  --border-rounded-full: 100%;
+  /* Border Width */
+  --border-none: 0;
+  --border-width-sm: 1px;
+  --border-width-md: 1.2px;
+  --border-width-lg: 2px;
+`;var p=({title:r,children:t})=>jsx(Tooltip,{title:r,color:"#E9F0EE",overlayInnerStyle:{color:e.green900,padding:"24px",fontSize:"18px"},children:t}),h=({children:r,isSubmitting:t=!1,toolTip:n={title:"",color:"black"},...i})=>jsx(p,{title:n.title,children:jsx(m,{block:!0,type:"primary",loading:t,...i,children:r})}),F=({children:r,isSubmitting:t=!1,toolTip:n={title:"",color:"black"},...i})=>jsx(p,{title:n.title,children:jsx(x,{block:!0,loading:t,...i,children:r})}),k=({children:r,isSubmitting:t=!1,toolTip:n={title:"",color:"black"},...i})=>jsx(p,{title:n.title,children:jsx(y,{block:!0,loading:t,...i,children:r})}),E=({children:r,isSubmitting:t=!1,toolTip:n={title:"",color:"black"},...i})=>jsx(p,{title:n.title,children:jsx(c,{block:!0,type:"text",loading:t,...i,children:r})}),S=({children:r,toolTip:t={title:"",color:"black"},color:n="#101010",...i})=>jsx(p,{title:t.title,children:jsx(b,{color:n,type:"link",...i,children:r})}),L={Primary:h,Outline:k,Unstyled:E,Secondary:F,Link:S};
+export { S as Link, k as Outline, h as Primary, F as Secondary, E as Unstyled, L as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Button.js.map

package/dist/Button.js.map ADDED Viewed

@@ -0,0 +1 @@

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@solace-health/ui",
-  "version": "0.10.346",
+  "version": "0.10.347-beta.1",
   "repository": "git://github.com/Solace-Health/solace-health-ui.git",
   "license": "MIT",
   "main": "dist/index.cjs",
@@ -99,5 +99,9 @@
     "extends": [
       "plugin:storybook/recommended"
     ]
+  },
+  "exports": {
+    "./Affix": "./dist/Affix.js",
+    "./Button": "./dist/Button.js"
   }
 }