@veeqo/ui 8.0.0-beta-5 → 9.0.0-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.
- package/dist/components/Alerts/Alert/Alert.cjs +2 -0
- package/dist/components/{Alert → Alerts/Alert}/Alert.d.ts +1 -1
- package/dist/components/Alerts/Alert/Alert.d.ts.map +1 -0
- package/dist/components/Alerts/Alert/Alert.js +2 -0
- package/dist/components/Alerts/Alert/constants.cjs +2 -0
- package/dist/components/Alerts/Alert/constants.cjs.map +1 -0
- package/dist/components/Alerts/Alert/constants.d.ts +4 -0
- package/dist/components/Alerts/Alert/constants.d.ts.map +1 -0
- package/dist/components/Alerts/Alert/constants.js +2 -0
- package/dist/components/Alerts/Alert/constants.js.map +1 -0
- package/dist/components/Alerts/Alert/index.d.ts.map +1 -0
- package/dist/components/Alerts/Alert/styled.cjs +2 -0
- package/dist/components/Alerts/Alert/styled.cjs.map +1 -0
- package/dist/components/Alerts/Alert/styled.d.ts +5 -0
- package/dist/components/Alerts/Alert/styled.d.ts.map +1 -0
- package/dist/components/Alerts/Alert/styled.js +2 -0
- package/dist/components/Alerts/Alert/styled.js.map +1 -0
- package/dist/components/{Alert → Alerts/Alert}/types.d.ts +3 -10
- package/dist/components/Alerts/Alert/types.d.ts.map +1 -0
- package/dist/components/Alerts/MiniAlert/MiniAlert.cjs +2 -0
- package/dist/components/Alerts/MiniAlert/MiniAlert.cjs.map +1 -0
- package/dist/components/Alerts/MiniAlert/MiniAlert.d.ts +4 -0
- package/dist/components/Alerts/MiniAlert/MiniAlert.d.ts.map +1 -0
- package/dist/components/Alerts/MiniAlert/MiniAlert.js +2 -0
- package/dist/components/Alerts/MiniAlert/MiniAlert.js.map +1 -0
- package/dist/components/Alerts/MiniAlert/constants.cjs +2 -0
- package/dist/components/Alerts/MiniAlert/constants.cjs.map +1 -0
- package/dist/components/Alerts/MiniAlert/constants.d.ts +9 -0
- package/dist/components/Alerts/MiniAlert/constants.d.ts.map +1 -0
- package/dist/components/Alerts/MiniAlert/constants.js +2 -0
- package/dist/components/Alerts/MiniAlert/constants.js.map +1 -0
- package/dist/components/Alerts/MiniAlert/index.d.ts +2 -0
- package/dist/components/Alerts/MiniAlert/index.d.ts.map +1 -0
- package/dist/components/Alerts/MiniAlert/styled.cjs +2 -0
- package/dist/components/Alerts/MiniAlert/styled.cjs.map +1 -0
- package/dist/components/Alerts/MiniAlert/styled.d.ts +2 -0
- package/dist/components/Alerts/MiniAlert/styled.d.ts.map +1 -0
- package/dist/components/Alerts/MiniAlert/styled.js +2 -0
- package/dist/components/Alerts/MiniAlert/styled.js.map +1 -0
- package/dist/components/Alerts/MiniAlert/types.d.ts +6 -0
- package/dist/components/Alerts/MiniAlert/types.d.ts.map +1 -0
- package/dist/components/Alerts/constants.cjs +2 -0
- package/dist/components/Alerts/constants.d.ts +5 -0
- package/dist/components/Alerts/constants.d.ts.map +1 -0
- package/dist/components/Alerts/constants.js +2 -0
- package/dist/components/Alerts/types.d.ts +12 -0
- package/dist/components/Alerts/types.d.ts.map +1 -0
- package/dist/components/Banner/Banner.cjs +1 -1
- package/dist/components/Banner/Banner.cjs.map +1 -1
- package/dist/components/Banner/Banner.d.ts +2 -2
- package/dist/components/Banner/Banner.d.ts.map +1 -1
- package/dist/components/Banner/Banner.js +1 -1
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Button/Button.cjs +1 -1
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/types.d.ts +1 -1
- package/dist/components/Button/types.d.ts.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarHeader.cjs +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarHeader.js +1 -1
- package/dist/components/Card/Card.cjs +1 -1
- package/dist/components/Card/Card.cjs.map +1 -1
- package/dist/components/Card/Card.d.ts +2 -2
- package/dist/components/Card/Card.js +1 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/CardHeader/CardHeader.cjs +1 -1
- package/dist/components/CardHeader/CardHeader.cjs.map +1 -1
- package/dist/components/CardHeader/CardHeader.d.ts +2 -2
- package/dist/components/CardHeader/CardHeader.js +1 -1
- package/dist/components/CardHeader/CardHeader.js.map +1 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.cjs +1 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.js +1 -1
- package/dist/components/DataTable/DataTable.cjs +1 -1
- package/dist/components/DataTable/DataTable.d.ts +1 -1
- package/dist/components/DataTable/DataTable.js +1 -1
- package/dist/components/DataTable/components/ColumnDivider.cjs +1 -1
- package/dist/components/DataTable/components/ColumnDivider.cjs.map +1 -1
- package/dist/components/DataTable/components/ColumnDivider.d.ts.map +1 -1
- package/dist/components/DataTable/components/ColumnDivider.js +1 -1
- package/dist/components/DataTable/components/ColumnDivider.js.map +1 -1
- package/dist/components/DataTable/components/ColumnMenu.cjs +1 -1
- package/dist/components/DataTable/components/ColumnMenu.js +1 -1
- package/dist/components/DataTable/renderers/renderHeader.cjs +1 -1
- package/dist/components/DataTable/renderers/renderHeader.js +1 -1
- package/dist/components/DataTable/types.d.ts +3 -3
- package/dist/components/DataTable/types.d.ts.map +1 -1
- package/dist/components/DimensionsInput/styled.d.ts +1 -1
- package/dist/components/Dropdown/Dropdown.cjs +1 -1
- package/dist/components/Dropdown/Dropdown.js +1 -1
- package/dist/components/Indicator/Indicator.cjs +2 -0
- package/dist/components/Indicator/Indicator.cjs.map +1 -0
- package/dist/components/Indicator/Indicator.d.ts +4 -0
- package/dist/components/Indicator/Indicator.d.ts.map +1 -0
- package/dist/components/Indicator/Indicator.js +2 -0
- package/dist/components/Indicator/Indicator.js.map +1 -0
- package/dist/components/Indicator/index.d.ts +2 -0
- package/dist/components/Indicator/index.d.ts.map +1 -0
- package/dist/components/Indicator/styled.cjs +2 -0
- package/dist/components/Indicator/styled.cjs.map +1 -0
- package/dist/components/Indicator/styled.d.ts +4 -0
- package/dist/components/Indicator/styled.d.ts.map +1 -0
- package/dist/components/Indicator/styled.js +2 -0
- package/dist/components/Indicator/styled.js.map +1 -0
- package/dist/components/Indicator/types.d.ts +10 -0
- package/dist/components/Indicator/types.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.cjs +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pagination/styled.d.ts +1 -1
- package/dist/components/ToastsLayout/components/Toast.cjs +1 -1
- package/dist/components/ToastsLayout/components/Toast.js +1 -1
- package/dist/components/UploadFile/components/UploadedFile/UploadedFile.cjs +1 -1
- package/dist/components/UploadFile/components/UploadedFile/UploadedFile.cjs.map +1 -1
- package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js +1 -1
- package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js.map +1 -1
- package/dist/components/VideoModal/VideoModal.cjs +1 -1
- package/dist/components/VideoModal/VideoModal.js +1 -1
- package/dist/components/VideoModal/styled.d.ts +1 -1
- package/dist/components/ViewsContainer/ViewsContainer.cjs +1 -1
- package/dist/components/ViewsContainer/ViewsContainer.js +1 -1
- package/dist/components/ViewsContainer/styled.d.ts +3 -3
- package/dist/components/WeightInput/styled.d.ts +1 -1
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/package.json +6 -3
- package/dist/components/Alert/Alert.cjs +0 -2
- package/dist/components/Alert/Alert.d.ts.map +0 -1
- package/dist/components/Alert/Alert.js +0 -2
- package/dist/components/Alert/constants.cjs +0 -2
- package/dist/components/Alert/constants.d.ts +0 -7
- package/dist/components/Alert/constants.d.ts.map +0 -1
- package/dist/components/Alert/constants.js +0 -2
- package/dist/components/Alert/index.d.ts.map +0 -1
- package/dist/components/Alert/styled.cjs +0 -2
- package/dist/components/Alert/styled.cjs.map +0 -1
- package/dist/components/Alert/styled.d.ts +0 -5
- package/dist/components/Alert/styled.d.ts.map +0 -1
- package/dist/components/Alert/styled.js +0 -2
- package/dist/components/Alert/styled.js.map +0 -1
- package/dist/components/Alert/types.d.ts.map +0 -1
- /package/dist/components/{Alert → Alerts/Alert}/Alert.cjs.map +0 -0
- /package/dist/components/{Alert → Alerts/Alert}/Alert.js.map +0 -0
- /package/dist/components/{Alert → Alerts/Alert}/index.d.ts +0 -0
- /package/dist/components/{Alert → Alerts}/constants.cjs.map +0 -0
- /package/dist/components/{Alert → Alerts}/constants.js.map +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("react"),t=require("./styled.cjs"),a=require("./constants.cjs"),n=require("../../Text/Text.cjs"),i=require("../../../theme/index.cjs"),l=require("../../Stack/Stack.cjs"),r=require("../../Button/Button.cjs"),c=require("../../../tempIcons/CrossIcon.cjs"),o=require("../constants.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var d=s(e);exports.Alert=({size:e="base",variant:s="default",colours:u,rightActions:g,rightActionsSlot:m,title:p,titleSlot:S,messageSlot:h,message:f,children:y,iconSlot:z,onClickClose:E,...M})=>{const b=null!=u?u:o.ColourMap[s],k=z||o.IconMap[s],v="xs"===e;return d.default.createElement(t.AlertContainer,{colours:b,direction:"horizontal",alignX:"between",spacing:"0",...M},d.default.createElement(l.Stack,{direction:"horizontal",alignY:v?"center":"start",style:{margin:a.SpacingMap[e],gap:a.SpacingMap[e]},spacing:0},d.default.createElement(k,{"aria-hidden":!0,style:{minWidth:a.IconSizeMap[e],minHeight:a.IconSizeMap[e],width:a.IconSizeMap[e],height:a.IconSizeMap[e]},color:b.primary}),y||d.default.createElement(l.Stack,{direction:"vertical",spacing:v?0:"xs"},S||d.default.createElement(n.Text,{variant:v?"bodySmallBold":"bodyBold",style:"base"===e?{lineHeight:"24px"}:{}},p),h||d.default.createElement(n.Text,{variant:v?"bodySmall":"body"},f))),d.default.createElement(l.Stack,{direction:"horizontal",alignX:"end",spacing:0,style:{margin:v?void 0:i.theme.sizes[3],gap:v?void 0:a.SpacingMap[e],alignItems:"center"}},m,g&&d.default.createElement(l.Stack,{alignY:"center",spacing:0,style:{gap:a.SpacingMap[e]}},g.map((({label:e,...t})=>d.default.createElement(r.Button,{key:e,type:"button",size:"sm",...t},e)))),E&&d.default.createElement(l.Stack,{alignY:v?"center":"start",style:{height:"100%",padding:v?i.theme.sizes.xs:void 0}},d.default.createElement(r.Button,{variant:"flat",iconSlot:d.default.createElement(c.CrossIcon,null),onClick:E,"aria-label":"Close",size:"sm"}))))};
|
|
2
|
+
//# sourceMappingURL=Alert.cjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { AlertProps } from './types';
|
|
3
3
|
export declare const Alert: ({ size, variant, colours: passedColours, rightActions, rightActionsSlot, title, titleSlot, messageSlot, message, children, iconSlot, onClickClose, ...divProps }: AlertProps) => React.JSX.Element;
|
|
4
4
|
//# sourceMappingURL=Alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,KAAK,qKAcf,UAAU,sBAqFZ,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import e from"react";import{AlertContainer as t}from"./styled.js";import{SpacingMap as i,IconSizeMap as n}from"./constants.js";import{Text as o}from"../../Text/Text.js";import{theme as r}from"../../../theme/index.js";import{Stack as a}from"../../Stack/Stack.js";import{Button as l}from"../../Button/Button.js";import{CrossIcon as s}from"../../../tempIcons/CrossIcon.js";import{ColourMap as c,IconMap as m}from"../constants.js";const g=({size:g="base",variant:d="default",colours:p,rightActions:h,rightActionsSlot:y,title:E,titleSlot:f,messageSlot:b,message:u,children:S,iconSlot:j,onClickClose:v,...x})=>{const z=null!=p?p:c[d],k=j||m[d],C="xs"===g;return e.createElement(t,{colours:z,direction:"horizontal",alignX:"between",spacing:"0",...x},e.createElement(a,{direction:"horizontal",alignY:C?"center":"start",style:{margin:i[g],gap:i[g]},spacing:0},e.createElement(k,{"aria-hidden":!0,style:{minWidth:n[g],minHeight:n[g],width:n[g],height:n[g]},color:z.primary}),S||e.createElement(a,{direction:"vertical",spacing:C?0:"xs"},f||e.createElement(o,{variant:C?"bodySmallBold":"bodyBold",style:"base"===g?{lineHeight:"24px"}:{}},E),b||e.createElement(o,{variant:C?"bodySmall":"body"},u))),e.createElement(a,{direction:"horizontal",alignX:"end",spacing:0,style:{margin:C?void 0:r.sizes[3],gap:C?void 0:i[g],alignItems:"center"}},y,h&&e.createElement(a,{alignY:"center",spacing:0,style:{gap:i[g]}},h.map((({label:t,...i})=>e.createElement(l,{key:t,type:"button",size:"sm",...i},t)))),v&&e.createElement(a,{alignY:C?"center":"start",style:{height:"100%",padding:C?r.sizes.xs:void 0}},e.createElement(l,{variant:"flat",iconSlot:e.createElement(s,null),onClick:v,"aria-label":"Close",size:"sm"}))))};export{g as Alert};
|
|
2
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("../../../theme/index.cjs");const s={base:e.theme.sizes.base,sm:e.theme.sizes[3],xs:e.theme.sizes.sm},t={base:e.theme.sizes.md,sm:e.theme.sizes[5],xs:e.theme.sizes[5]};exports.IconSizeMap=t,exports.SpacingMap=s;
|
|
2
|
+
//# sourceMappingURL=constants.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.cjs","sources":["../../../../src/components/Alerts/Alert/constants.ts"],"sourcesContent":[null],"names":["SpacingMap","base","theme","sizes"],"mappings":"uDAIO,MAAAA,GAMAC,KAAAC,EAAAA,MAAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Alerts/Alert/constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIlD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/Alerts/Alert/constants.ts"],"sourcesContent":[null],"names":["SpacingMap","base","theme","sizes"],"mappings":"gDAIO,MAAAA,GAMAC,KAAAC,EAAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alerts/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("styled-components"),r=require("../../Stack/Stack.cjs"),t=require("../../../theme/index.cjs");function o(e){return e&&e.__esModule?e:{default:e}}const i=o(e).default(r.Stack).attrs({direction:"horizontal",alignX:"between",alignY:"top",spacing:0}).withConfig({displayName:"vui--AlertContainer",componentId:"vui--1w89ewm"})`border:1px solid ${({colours:{primary:e}})=>e};border-radius:${t.theme.radius.base};background-color:${({colours:{background:e}})=>e};`;exports.AlertContainer=i;
|
|
2
|
+
//# sourceMappingURL=styled.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Alerts/Alert/styled.ts"],"sourcesContent":[null],"names":["AlertContainer","default","Stack","attrs"],"mappings":"4KAiBE,MAAAA,OAAAC,QAAAC,SAAAC,MAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Alerts/Alert/styled.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,cAAc;aAMhB,YAAY;SAMtB,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import o from"styled-components";import{Stack as r}from"../../Stack/Stack.js";import{theme as i}from"../../../theme/index.js";const t=o(r).attrs({direction:"horizontal",alignX:"between",alignY:"top",spacing:0}).withConfig({displayName:"vui--AlertContainer",componentId:"vui--1w89ewm"})`border:1px solid ${({colours:{primary:o}})=>o};border-radius:${i.radius.base};background-color:${({colours:{background:o}})=>o};`;export{t as AlertContainer};
|
|
2
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/components/Alerts/Alert/styled.ts"],"sourcesContent":[null],"names":["AlertContainer","styled","Stack","attrs"],"mappings":"8HAiBE,MAAAA,EAAAC,EAAAC,GAAAC,MAAA"}
|
|
@@ -1,23 +1,16 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { Action } from '
|
|
3
|
-
|
|
2
|
+
import { Action } from '../../Modal/types';
|
|
3
|
+
import { AlertColours, BaseAlertProps } from '../types';
|
|
4
|
+
export type AlertProps = React.HTMLAttributes<HTMLDivElement> & BaseAlertProps & {
|
|
4
5
|
size?: AlertSizes;
|
|
5
|
-
variant?: AlertVariants;
|
|
6
6
|
colours?: AlertColours;
|
|
7
7
|
rightActions?: Action[];
|
|
8
8
|
rightActionsSlot?: ReactNode;
|
|
9
|
-
title?: string;
|
|
10
9
|
titleSlot?: ReactNode;
|
|
11
10
|
messageSlot?: ReactNode;
|
|
12
11
|
message?: string;
|
|
13
12
|
children?: ReactNode;
|
|
14
|
-
iconSlot?: (props: any) => React.JSX.Element;
|
|
15
13
|
onClickClose?: () => void;
|
|
16
14
|
};
|
|
17
|
-
export type AlertVariants = 'default' | 'error' | 'success' | 'info' | 'warning' | 'recommend';
|
|
18
15
|
export type AlertSizes = 'base' | 'sm' | 'xs';
|
|
19
|
-
export type AlertColours = {
|
|
20
|
-
primary: string;
|
|
21
|
-
background: string;
|
|
22
|
-
};
|
|
23
16
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Alerts/Alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAC3D,cAAc,GAAG;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("react"),t=require("../constants.cjs"),r=require("../../Text/Text.cjs"),l=require("./constants.cjs"),o=require("./styled.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(e);exports.MiniAlert=({title:e,variant:n="default",iconSlot:u,customTitleColour:c,customIconColour:i})=>{const s=u||t.IconMap[n],d=null!=i?i:t.ColourMap[n].primary,m=null!=c?c:l.TextColourMap[n];return a.default.createElement(o.MiniAlertContainer,null,a.default.createElement(s,{"aria-hidden":!0,color:d,style:l.IconStyles}),a.default.createElement(r.Text,{variant:"bodySmallBold",style:{color:m}},e))};
|
|
2
|
+
//# sourceMappingURL=MiniAlert.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MiniAlert.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MiniAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,eAAO,MAAM,SAAS,uEAMnB,cAAc,sBAahB,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import t from"react";import{ColourMap as o,IconMap as r}from"../constants.js";import{Text as e}from"../../Text/Text.js";import{IconStyles as l,TextColourMap as n}from"./constants.js";import{MiniAlertContainer as m}from"./styled.js";const a=({title:a,variant:s="default",iconSlot:c,customTitleColour:i,customIconColour:u})=>{const p=c||r[s],d=null!=u?u:o[s].primary,f=null!=i?i:n[s];return t.createElement(m,null,t.createElement(p,{"aria-hidden":!0,color:d,style:l}),t.createElement(e,{variant:"bodySmallBold",style:{color:f}},a))};export{a as MiniAlert};
|
|
2
|
+
//# sourceMappingURL=MiniAlert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MiniAlert.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("../../../theme/index.cjs");const r={default:e.theme.colors.neutral.ink.dark,error:e.theme.colors.secondary.red.darkest,success:e.theme.colors.neutral.ink.dark,info:e.theme.colors.neutral.ink.dark,warning:e.theme.colors.neutral.ink.dark,recommend:e.theme.colors.neutral.ink.dark},t={minWidth:e.theme.sizes[4],minHeight:e.theme.sizes[4],width:e.theme.sizes[4],height:e.theme.sizes[4]};exports.IconStyles=t,exports.TextColourMap=r;
|
|
2
|
+
//# sourceMappingURL=constants.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.cjs","sources":["../../../../src/components/Alerts/MiniAlert/constants.ts"],"sourcesContent":[null],"names":["TextColourMap","default","theme","neutral","ink","dark","recommend","colors"],"mappings":"uDAGO,MAAAA,GASPC,QAAAC,EAAAA,aAAuBC,QAAAC,IAAAC,qKAKrBC,UAAAJ,EAAAA,MAAAK,OAAAJ,QAAAC,IAAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { AlertVariants } from '../types';
|
|
2
|
+
export declare const TextColourMap: Record<AlertVariants, string>;
|
|
3
|
+
export declare const IconStyles: {
|
|
4
|
+
minWidth: string;
|
|
5
|
+
minHeight: string;
|
|
6
|
+
width: string;
|
|
7
|
+
height: string;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Alerts/MiniAlert/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAOvD,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{theme as r}from"../../../theme/index.js";const e={default:r.colors.neutral.ink.dark,error:r.colors.secondary.red.darkest,success:r.colors.neutral.ink.dark,info:r.colors.neutral.ink.dark,warning:r.colors.neutral.ink.dark,recommend:r.colors.neutral.ink.dark},s={minWidth:r.sizes[4],minHeight:r.sizes[4],width:r.sizes[4],height:r.sizes[4]};export{s as IconStyles,e as TextColourMap};
|
|
2
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/Alerts/MiniAlert/constants.ts"],"sourcesContent":[null],"names":["TextColourMap","default","theme","neutral","ink","dark","recommend","colors"],"mappings":"gDAGO,MAAAA,GASPC,QAAAC,SAAuBC,QAAAC,IAAAC,6IAKrBC,UAAAJ,EAAAK,OAAAJ,QAAAC,IAAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alerts/MiniAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("styled-components"),i=require("../../../theme/index.cjs");function t(e){return e&&e.__esModule?e:{default:e}}const n=t(e).default.div.withConfig({displayName:"vui--MiniAlertContainer",componentId:"vui--19unpg"})`display:flex;gap:${i.theme.sizes.xs};`;exports.MiniAlertContainer=n;
|
|
2
|
+
//# sourceMappingURL=styled.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Alerts/MiniAlert/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,oEAG9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Alerts/MiniAlert/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("../../theme/index.cjs"),r=require("../../tempIcons/AttentionIcon.cjs"),o=require("../../tempIcons/HelpIcon.cjs"),c=require("../../tempIcons/InfoIcon.cjs"),n=require("../../tempIcons/RecommendIcon.cjs"),s=require("../../tempIcons/SuccessIcon.cjs"),t=require("../../tempIcons/WarningIcon.cjs");const a={default:c.InfoIcon,error:r.AttentionIcon,success:s.SuccessIcon,info:o.HelpIcon,warning:t.WarningIcon,recommend:n.RecommendIcon},m={default:{primary:e.theme.colors.neutral.ink.base,background:e.theme.colors.neutral.grey.lightest},error:{primary:e.theme.colors.secondary.red.base,background:e.theme.colors.secondary.red.lightest},success:{primary:e.theme.colors.secondary.green.base,background:e.theme.colors.secondary.green.lightest},info:{primary:e.theme.colors.secondary.blue.base,background:e.theme.colors.secondary.blue.lightest},warning:{primary:e.theme.colors.secondary.orange.base,background:e.theme.colors.secondary.orange.lightest},recommend:{primary:e.theme.colors.secondary.purple.dark,background:e.theme.colors.secondary.purple.lightest}};exports.ColourMap=m,exports.IconMap=a;
|
|
2
|
+
//# sourceMappingURL=constants.cjs.map
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { AlertColours, AlertVariants } from './types';
|
|
3
|
+
export declare const IconMap: Record<AlertVariants, (props: any) => React.JSX.Element>;
|
|
4
|
+
export declare const ColourMap: Record<AlertVariants, AlertColours>;
|
|
5
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Alerts/constants.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQtD,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAO5E,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,YAAY,CAyBzD,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{theme as o}from"../../theme/index.js";import{AttentionIcon as r}from"../../tempIcons/AttentionIcon.js";import{HelpIcon as e}from"../../tempIcons/HelpIcon.js";import{InfoIcon as s}from"../../tempIcons/InfoIcon.js";import{RecommendIcon as n}from"../../tempIcons/RecommendIcon.js";import{SuccessIcon as c}from"../../tempIcons/SuccessIcon.js";import{WarningIcon as a}from"../../tempIcons/WarningIcon.js";const t={default:s,error:r,success:c,info:e,warning:a,recommend:n},m={default:{primary:o.colors.neutral.ink.base,background:o.colors.neutral.grey.lightest},error:{primary:o.colors.secondary.red.base,background:o.colors.secondary.red.lightest},success:{primary:o.colors.secondary.green.base,background:o.colors.secondary.green.lightest},info:{primary:o.colors.secondary.blue.base,background:o.colors.secondary.blue.lightest},warning:{primary:o.colors.secondary.orange.base,background:o.colors.secondary.orange.lightest},recommend:{primary:o.colors.secondary.purple.dark,background:o.colors.secondary.purple.lightest}};export{m as ColourMap,t as IconMap};
|
|
2
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type AlertColours = {
|
|
3
|
+
primary: string;
|
|
4
|
+
background: string;
|
|
5
|
+
};
|
|
6
|
+
export type AlertVariants = 'default' | 'error' | 'success' | 'info' | 'warning' | 'recommend';
|
|
7
|
+
export type BaseAlertProps = {
|
|
8
|
+
title?: string;
|
|
9
|
+
variant?: AlertVariants;
|
|
10
|
+
iconSlot?: (props: any) => React.JSX.Element;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Alerts/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;AAE/F,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC9C,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),l=require("../../theme/modules/colors.cjs"),t=require("./styled.cjs"),r=require("../Button/Button.cjs"),a=require("../../tempIcons/CrossIcon.cjs"),n=require("../../theme/modules/sizes.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var c=o(e);const s={help:l.colors.secondary.blue.base,info:l.colors.neutral.ink.base,error:l.colors.secondary.red.base,success:l.colors.secondary.green.base};exports.Banner=({type:e="info",text:l,
|
|
1
|
+
"use strict";var e=require("react"),l=require("../../theme/modules/colors.cjs"),t=require("./styled.cjs"),r=require("../Button/Button.cjs"),a=require("../../tempIcons/CrossIcon.cjs"),n=require("../../theme/modules/sizes.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var c=o(e);const s={help:l.colors.secondary.blue.base,info:l.colors.neutral.ink.base,error:l.colors.secondary.red.base,success:l.colors.secondary.green.base};exports.Banner=({type:e="info",text:l,iconSlot:o,onClose:u,className:d,header:i,children:m,backgroundColor:f="white",...C})=>{const E=s[e];return c.default.createElement(t.Pill,{accentColor:E,className:d,backgroundColor:f,...C},c.default.createElement(t.Row,null,o&&c.default.createElement(t.IconCol,{style:{marginRight:n.sizes.md},accentColor:E},o),m?c.default.createElement(t.ChildContainer,null,m):c.default.createElement(c.default.Fragment,null,c.default.createElement(t.HeaderCol,null,i||c.default.createElement(t.Text,{variant:"headingSmall"},l)),c.default.createElement(t.Col,null,u&&c.default.createElement(r.Button,{variant:"flat","aria-label":"Close",iconSlot:c.default.createElement(a.CrossIcon,null),onClick:u})))))};
|
|
2
2
|
//# sourceMappingURL=Banner.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.cjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":[null],"names":["accentColors","help","colors","secondary","blue","base","info","neutral","ink","error","red","success","green","type","text","
|
|
1
|
+
{"version":3,"file":"Banner.cjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":[null],"names":["accentColors","help","colors","secondary","blue","base","info","neutral","ink","error","red","success","green","type","text","iconSlot","onClose","className","header","children","backgroundColor","props"],"mappings":"sSAsBUA,EAAG,CACXC,KAAOC,EAAGA,OAAAC,UAAAC,KAAkBC,KAC5BC,KAASJ,EAAGA,OAAAK,QAAOC,IAAAH,KACnBI,MAAOP,EAAEA,OAAAC,UAAUO,IAAAL,KACnBM,QAAST,EAAEA,OAAAC,UAAUS,MAAAP,qBAMV,EAAAQ,OAUV,OAAAC,OAAAC,WAAAC,UAAAC,YAAAC,SAAAC,WAAAC,kBAAA,WAAAC"}
|
|
@@ -4,7 +4,7 @@ type BannerProps = {
|
|
|
4
4
|
type?: BannerTypes;
|
|
5
5
|
backgroundColor?: string;
|
|
6
6
|
text?: string;
|
|
7
|
-
|
|
7
|
+
iconSlot?: ReactElement;
|
|
8
8
|
onClose?: ReactEventHandler;
|
|
9
9
|
className?: string;
|
|
10
10
|
header?: ReactNode;
|
|
@@ -13,6 +13,6 @@ type BannerProps = {
|
|
|
13
13
|
/**
|
|
14
14
|
* The `Banner` component was previously called `Alert` (and similarly `Pill`).
|
|
15
15
|
*/
|
|
16
|
-
export declare const Banner: ({ type, text,
|
|
16
|
+
export declare const Banner: ({ type, text, iconSlot, onClose, className, header, children, backgroundColor, ...props }: BannerProps) => React.JSX.Element;
|
|
17
17
|
export {};
|
|
18
18
|
//# sourceMappingURL=Banner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AActC,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AActC,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,8FAUhB,WAAW,sBAoCb,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import{colors as t}from"../../theme/modules/colors.js";import{Pill as r,Row as l,IconCol as o,ChildContainer as n,HeaderCol as a,Text as s,Col as c}from"./styled.js";import{Button as m}from"../Button/Button.js";import{CrossIcon as i}from"../../tempIcons/CrossIcon.js";import{sizes as u}from"../../theme/modules/sizes.js";const d={help:t.secondary.blue.base,info:t.neutral.ink.base,error:t.secondary.red.base,success:t.secondary.green.base},p=({type:t="info",text:p,
|
|
1
|
+
import e from"react";import{colors as t}from"../../theme/modules/colors.js";import{Pill as r,Row as l,IconCol as o,ChildContainer as n,HeaderCol as a,Text as s,Col as c}from"./styled.js";import{Button as m}from"../Button/Button.js";import{CrossIcon as i}from"../../tempIcons/CrossIcon.js";import{sizes as u}from"../../theme/modules/sizes.js";const d={help:t.secondary.blue.base,info:t.neutral.ink.base,error:t.secondary.red.base,success:t.secondary.green.base},p=({type:t="info",text:p,iconSlot:E,onClose:f,className:b,header:h,children:C,backgroundColor:g="white",...y})=>{const j=d[t];return e.createElement(r,{accentColor:j,className:b,backgroundColor:g,...y},e.createElement(l,null,E&&e.createElement(o,{style:{marginRight:u.md},accentColor:j},E),C?e.createElement(n,null,C):e.createElement(e.Fragment,null,e.createElement(a,null,h||e.createElement(s,{variant:"headingSmall"},p)),e.createElement(c,null,f&&e.createElement(m,{variant:"flat","aria-label":"Close",iconSlot:e.createElement(i,null),onClick:f})))))};export{p as Banner};
|
|
2
2
|
//# sourceMappingURL=Banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":[null],"names":["accentColors","help","colors","secondary","blue","base","info","neutral","ink","error","red","success","green","Banner","type","text","
|
|
1
|
+
{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":[null],"names":["accentColors","help","colors","secondary","blue","base","info","neutral","ink","error","red","success","green","Banner","type","text","iconSlot","onClose","className","header","children","backgroundColor","props"],"mappings":"4VAsBUA,EAAG,CACXC,KAAOC,EAAGC,UAAAC,KAAkBC,KAC5BC,KAASJ,EAAGK,QAAOC,IAAAH,KACnBI,MAAOP,EAAEC,UAAUO,IAAAL,KACnBM,QAAST,EAAEC,UAAUS,MAAAP,MAMvBQ,EAAa,EAAAC,OAUV,OAAAC,OAAAC,WAAAC,UAAAC,YAAAC,SAAAC,WAAAC,kBAAA,WAAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("../Loader/Loader.cjs"),r=require("./components/styled.cjs"),n=require("../../tempIcons/DropdownIcon.cjs");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(e);const
|
|
1
|
+
"use strict";var e=require("react"),t=require("../Loader/Loader.cjs"),r=require("./components/styled.cjs"),n=require("../../tempIcons/DropdownIcon.cjs");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(e);const l={default:r.DefaultButton,primary:r.PrimaryButton,destructive:r.DefaultDestructiveButton,primaryDestructive:r.PrimaryDestructiveButton,flat:r.FlatButton,link:r.LinkButton,unstyled:r.UnstyledButton},u=e.forwardRef((({className:e,children:a,iconSlot:u,variant:s="default",size:d="base",dropdown:i=!1,loading:c=!1,...f},m)=>{if("unstyled"===s)return o.default.createElement(r.UnstyledButton,{ref:m,className:e,...f},a);const p=l[s],v=void 0!==a,y=!!u;return o.default.createElement(p,{ref:m,className:e,size:d,hasText:v,hasIcon:y,hasDropdown:i,...f},(v||y)&&o.default.createElement(r.MainContent,{$loading:c,hasText:!!a,size:a||"sm"===d?"base":"md"},u&&u,void 0!==a&&a,i&&o.default.createElement(n.DropdownIcon,null)),c&&o.default.createElement(r.LoadingWrapper,null,o.default.createElement(t.Loader,null)))}));exports.Button=u;
|
|
2
2
|
//# sourceMappingURL=Button.cjs.map
|
|
@@ -3,7 +3,7 @@ export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAtt
|
|
|
3
3
|
children?: React.ReactNode;
|
|
4
4
|
variant?: import("./types").ButtonVariant | undefined;
|
|
5
5
|
size?: "base" | "sm" | undefined;
|
|
6
|
-
|
|
6
|
+
iconSlot?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
7
7
|
dropdown?: boolean | undefined;
|
|
8
8
|
loading?: boolean | undefined;
|
|
9
9
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{forwardRef as t}from"react";import{Loader as r}from"../Loader/Loader.js";import{UnstyledButton as a,MainContent as
|
|
1
|
+
import e,{forwardRef as t}from"react";import{Loader as r}from"../Loader/Loader.js";import{UnstyledButton as a,MainContent as o,LoadingWrapper as n,DefaultButton as s,PrimaryButton as l,DefaultDestructiveButton as m,PrimaryDestructiveButton as c,FlatButton as i,LinkButton as d}from"./components/styled.js";import{DropdownIcon as p}from"../../tempIcons/DropdownIcon.js";const u={default:s,primary:l,destructive:m,primaryDestructive:c,flat:i,link:d,unstyled:a},f=t((({className:t,children:s,iconSlot:l,variant:m="default",size:c="base",dropdown:i=!1,loading:d=!1,...f},E)=>{if("unstyled"===m)return e.createElement(a,{ref:E,className:t,...f},s);const h=u[m],v=void 0!==s,y=!!l;return e.createElement(h,{ref:E,className:t,size:c,hasText:v,hasIcon:y,hasDropdown:i,...f},(v||y)&&e.createElement(o,{$loading:d,hasText:!!s,size:s||"sm"===c?"base":"md"},l&&l,void 0!==s&&s,i&&e.createElement(p,null)),d&&e.createElement(n,null,e.createElement(r,null)))}));export{f as Button};
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -10,7 +10,7 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
10
10
|
/** Button sizes */
|
|
11
11
|
size?: 'sm' | 'base';
|
|
12
12
|
/** Icon */
|
|
13
|
-
|
|
13
|
+
iconSlot?: ReactElement;
|
|
14
14
|
/** Renders a dropdown indicator inside the button */
|
|
15
15
|
dropdown?: boolean;
|
|
16
16
|
/** Renders a loading indicator inside the button */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,aAAa,GACb,SAAS,GACT,oBAAoB,GACpB,MAAM,GACN,MAAM,GACN,UAAU,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,WAAW;IACX,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,aAAa,GACb,SAAS,GACT,oBAAoB,GACpB,MAAM,GACN,MAAM,GACN,UAAU,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,WAAW;IACX,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("react-aria-components"),r=require("../../../Button/Button.cjs"),a=require("../../../../tempIcons/RightArrowIcon.cjs"),n=require("../../../../tempIcons/LeftArrowIcon.cjs"),l=require("../../../Stack/Stack.cjs"),c=require("../../../../tempIcons/UpArrowIcon.cjs"),
|
|
1
|
+
"use strict";var e=require("react"),t=require("react-aria-components"),r=require("../../../Button/Button.cjs"),a=require("../../../../tempIcons/RightArrowIcon.cjs"),n=require("../../../../tempIcons/LeftArrowIcon.cjs"),l=require("../../../Stack/Stack.cjs"),c=require("../../../../tempIcons/UpArrowIcon.cjs"),o=require("../../../../tempIcons/DownArrowIcon.cjs"),i=require("../../types.cjs"),s=require("../../data/constants.cjs"),u=require("./CalendarHeading.cjs");function d(e){return e&&e.__esModule?e:{default:e}}var m=d(e);exports.CalendarHeader=({level:e,currentYear:d,handleSwitchLevel:f,isDisabled:p})=>m.default.createElement(l.Stack,{as:"header",direction:"horizontal",alignX:"between",alignY:"center",spacing:"0"},m.default.createElement(t.Button,{slot:"previous",isDisabled:p},m.default.createElement(n.LeftArrowIcon,null)),m.default.createElement(l.Stack,{direction:"horizontal",alignY:"center",alignX:"stretch",spacing:"xs",style:{margin:"0 4px"}},m.default.createElement(u.CalendarHeading,{level:e,currentYear:d}),m.default.createElement(r.Button,{"aria-label":s.levelMoveLabelMap[e],variant:"flat",iconSlot:e===i.CalendarLevel.DODECADE?m.default.createElement(c.UpArrowIcon,null):m.default.createElement(o.DownArrowIcon,null),size:"sm",onClick:f,disabled:p})),m.default.createElement(t.Button,{slot:"next",isDisabled:p},m.default.createElement(a.RightArrowIcon,null)));
|
|
2
2
|
//# sourceMappingURL=CalendarHeader.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import{Button as t}from"react-aria-components";import{Button as r}from"../../../Button/Button.js";import{RightArrowIcon as
|
|
1
|
+
import e from"react";import{Button as t}from"react-aria-components";import{Button as r}from"../../../Button/Button.js";import{RightArrowIcon as o}from"../../../../tempIcons/RightArrowIcon.js";import{LeftArrowIcon as n}from"../../../../tempIcons/LeftArrowIcon.js";import{Stack as a}from"../../../Stack/Stack.js";import{UpArrowIcon as l}from"../../../../tempIcons/UpArrowIcon.js";import{DownArrowIcon as i}from"../../../../tempIcons/DownArrowIcon.js";import{CalendarLevel as m}from"../../types.js";import{levelMoveLabelMap as c}from"../../data/constants.js";import{CalendarHeading as s}from"./CalendarHeading.js";const p=({level:p,currentYear:f,handleSwitchLevel:d,isDisabled:E})=>e.createElement(a,{as:"header",direction:"horizontal",alignX:"between",alignY:"center",spacing:"0"},e.createElement(t,{slot:"previous",isDisabled:E},e.createElement(n,null)),e.createElement(a,{direction:"horizontal",alignY:"center",alignX:"stretch",spacing:"xs",style:{margin:"0 4px"}},e.createElement(s,{level:p,currentYear:f}),e.createElement(r,{"aria-label":c[p],variant:"flat",iconSlot:p===m.DODECADE?e.createElement(l,null):e.createElement(i,null),size:"sm",onClick:d,disabled:E})),e.createElement(t,{slot:"next",isDisabled:E},e.createElement(o,null)));export{p as CalendarHeader};
|
|
2
2
|
//# sourceMappingURL=CalendarHeader.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("../CardHeader/CardHeader.cjs"),a=require("./styled.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var r=l(e);const o={expanded:{height:"auto"},collapsed:{height:0}},n=({className:l,style:n,title:c,subtitle:d,
|
|
1
|
+
"use strict";var e=require("react"),t=require("../CardHeader/CardHeader.cjs"),a=require("./styled.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var r=l(e);const o={expanded:{height:"auto"},collapsed:{height:0}},n=({className:l,style:n,title:c,subtitle:d,headerActionSlot:i,action:s,collapsable:u,elevation:f,accent:C,children:S,onClose:m,renderFooter:p})=>{const[v,h]=e.useState(!1),F=c&&r.default.createElement(t.CardHeader,{title:c,subtitle:d,actionSlot:i,action:s,onClickClose:m,isCollapsed:v,onClickCollapse:u?()=>{h(!v)}:void 0}),E=u&&!v||!u,y=r.default.createElement(a.Body,{animate:E?"expanded":"collapsed",variants:o,transition:{duration:.3,ease:"easeOut"}},r.default.createElement(a.Section,null,S)),b=void 0!==p&&r.default.createElement(a.Footer,null,p());return r.default.createElement(a.Surface,{className:l,style:n,elevation:f,accent:C},F,y,b)};n.Surface=a.Surface,n.Section=a.Section,n.FullBleed=a.FullBleed,n.Footer=a.Footer,exports.Card=n;
|
|
2
2
|
//# sourceMappingURL=Card.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.cjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["collapseAnimationVariants","expanded","height","collapsed","Card","className","style","title","subtitle","
|
|
1
|
+
{"version":3,"file":"Card.cjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["collapseAnimationVariants","expanded","height","collapsed","Card","className","style","title","subtitle","headerActionSlot","action","collapsable","elevation","accent","children","onClose","renderFooter","isCollapsed","useState","headerMarkup","React","default","createElement","CardHeader","actionSlot","onClickClose","onClickCollapse","setIsCollapsed","undefined","showBody","bodyMarkup","Body","animate","variants","transition","duration","ease","Section","footerMarkup","Footer","Surface"],"mappings":"4KAWOA,EAAS,CACdC,SAAe,CAAAC,OAAK,QACpBC,UAAA,CAAAD,OAAA,IAGSE,EAAG,EAAOC,YAAAC,QAAAC,QAAAC,WAAAC,mBAAAC,SAAAC,cAAAC,YAAAC,SAAAC,WAAAC,UAAAC,mBACnB,MAAMC,KAAsBC,EAAAA,UAAA,GAItBC,EAAcZ,GAAAa,EAAAC,QAAAC,cAAAC,EAAAA,WAAA,CAAAhB,MAAAA,EAAAC,SAAAA,EAAAgB,WAAAf,EAAAC,OAAAA,EAAAe,aAAAV,EAAAE,YAAAA,EAAAS,gBAAAf,EAHL,KACPgB,GAAUV,EAAA,OAEEW,IACTC,EAAGlB,IAAQM,IAAAN,EACbmB,EAAGV,EAAAA,QAAcE,cAAAS,EAAAA,KAAA,CAAAC,QAAAH,EAAA,WAAA,YAAAI,SAAAjC,EAAAkC,WAAA,CAAAC,SAAA,GAAAC,KAAA,YAC1BhB,EAASC,QAAAC,cAAkBe,eAAWvB,IAC9BwB,OAAYV,IAAAZ,GAAAI,EAAAC,QAAAC,cAAAiB,SAAA,KAAAvB,KACpB,OAAQI,UAAQE,cAAKkB,EAAAA,QAAA,CAAAnC,UAAAA,EAAAC,MAAAA,EAAAM,UAAAA,EAAAC,OAAAA,GACrBM,EACAW,EAEFQ,EAAiB"}
|
|
@@ -9,7 +9,7 @@ export type CardProps = {
|
|
|
9
9
|
style?: React.CSSProperties;
|
|
10
10
|
title?: string;
|
|
11
11
|
subtitle?: string;
|
|
12
|
-
|
|
12
|
+
headerActionSlot?: React.ReactNode;
|
|
13
13
|
action?: CardAction;
|
|
14
14
|
collapsable?: boolean;
|
|
15
15
|
elevation?: CardElevation;
|
|
@@ -19,7 +19,7 @@ export type CardProps = {
|
|
|
19
19
|
renderFooter?: () => ReactNode;
|
|
20
20
|
};
|
|
21
21
|
export declare const Card: {
|
|
22
|
-
({ className, style, title, subtitle,
|
|
22
|
+
({ className, style, title, subtitle, headerActionSlot, action, collapsable, elevation, accent, children, onClose, renderFooter, }: CardProps): React.JSX.Element;
|
|
23
23
|
Surface: import("styled-components").StyledComponent<"div", any, import("./styled").SurfaceProps, never>;
|
|
24
24
|
Section: import("styled-components").StyledComponent<"section", any, {}, never>;
|
|
25
25
|
FullBleed: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{useState as t}from"react";import{CardHeader as l}from"../CardHeader/CardHeader.js";import{Body as a,Section as o,Footer as n,Surface as r,FullBleed as i}from"./styled.js";const c={expanded:{height:"auto"},collapsed:{height:0}},s=({className:i,style:s,title:d,subtitle:m,
|
|
1
|
+
import e,{useState as t}from"react";import{CardHeader as l}from"../CardHeader/CardHeader.js";import{Body as a,Section as o,Footer as n,Surface as r,FullBleed as i}from"./styled.js";const c={expanded:{height:"auto"},collapsed:{height:0}},s=({className:i,style:s,title:d,subtitle:m,headerActionSlot:p,action:u,collapsable:C,elevation:h,accent:v,children:E,onClose:f,renderFooter:S})=>{const[b,x]=t(!1),y=d&&e.createElement(l,{title:d,subtitle:m,actionSlot:p,action:u,onClickClose:f,isCollapsed:b,onClickCollapse:C?()=>{x(!b)}:void 0}),F=C&&!b||!C,g=e.createElement(a,{animate:F?"expanded":"collapsed",variants:c,transition:{duration:.3,ease:"easeOut"}},e.createElement(o,null,E)),j=void 0!==S&&e.createElement(n,null,S());return e.createElement(r,{className:i,style:s,elevation:h,accent:v},y,g,j)};s.Surface=r,s.Section=o,s.FullBleed=i,s.Footer=n;export{s as Card};
|
|
2
2
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["collapseAnimationVariants","expanded","height","collapsed","Card","className","style","title","subtitle","
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["collapseAnimationVariants","expanded","height","collapsed","Card","className","style","title","subtitle","headerActionSlot","action","collapsable","elevation","accent","children","onClose","renderFooter","isCollapsed","useState","headerMarkup","React","createElement","CardHeader","actionSlot","onClickClose","onClickCollapse","setIsCollapsed","undefined","showBody","bodyMarkup","Body","animate","variants","transition","duration","ease","Section","footerMarkup","Footer","Surface"],"mappings":"2LAWOA,EAAS,CACdC,SAAe,CAAAC,OAAK,QACpBC,UAAA,CAAAD,OAAA,IAGSE,EAAG,EAAOC,YAAAC,QAAAC,QAAAC,WAAAC,mBAAAC,SAAAC,cAAAC,YAAAC,SAAAC,WAAAC,UAAAC,mBACnB,MAAMC,KAAsBC,GAAA,GAItBC,EAAcZ,GAAAa,EAAAC,cAAAC,EAAA,CAAAf,MAAAA,EAAAC,SAAAA,EAAAe,WAAAd,EAAAC,OAAAA,EAAAc,aAAAT,EAAAE,YAAAA,EAAAQ,gBAAAd,EAHL,KACPe,GAAUT,EAAA,OAEEU,IACTC,EAAGjB,IAAQM,IAAAN,EACbkB,EAAGT,EAAcC,cAAAS,EAAA,CAAAC,QAAAH,EAAA,WAAA,YAAAI,SAAAhC,EAAAiC,WAAA,CAAAC,SAAA,GAAAC,KAAA,YAC1Bf,EAASC,cAAkBe,OAAWtB,IAC9BuB,OAAYV,IAAAX,GAAAI,EAAAC,cAAAiB,EAAA,KAAAtB,KACpB,OAAQI,EAAQC,cAAKkB,EAAA,CAAAlC,UAAAA,EAAAC,MAAAA,EAAAM,UAAAA,EAAAC,OAAAA,GACrBM,EACAU,EAEFQ,EAAiB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("../Text/Text.cjs"),l=require("../Button/Button.cjs"),
|
|
1
|
+
"use strict";var e=require("react"),t=require("../Text/Text.cjs"),l=require("../Button/Button.cjs"),a=require("./styled.cjs"),r=require("../../tempIcons/DownArrowIcon.cjs"),n=require("../../tempIcons/UpArrowIcon.cjs"),o=require("../../tempIcons/CrossIcon.cjs");function c(e){return e&&e.__esModule?e:{default:e}}var i=c(e);exports.CardHeader=({id:e,title:c,subtitle:u,headerVariant:s="headingSmall",action:d,actionSlot:m,isCollapsed:f,onClickCollapse:C,onClickClose:E})=>i.default.createElement(a.Header,null,i.default.createElement(a.HeaderGrid,null,i.default.createElement(t.Text,{id:e,variant:s},c),d&&i.default.createElement(l.Button,{variant:"link",onClick:d.onClick},d.title),m,C&&i.default.createElement(l.Button,{variant:"flat",iconSlot:f?i.default.createElement(r.DownArrowIcon,null):i.default.createElement(n.UpArrowIcon,null),onClick:C}),E&&i.default.createElement(l.Button,{variant:"flat",iconSlot:i.default.createElement(o.CrossIcon,null),onClick:E,"aria-label":"Close"})),u&&i.default.createElement(t.Text,{variant:"subheadingSmall"},u));
|
|
2
2
|
//# sourceMappingURL=CardHeader.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.cjs","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":[null],"names":["id","title","subtitle","headerVariant","action","
|
|
1
|
+
{"version":3,"file":"CardHeader.cjs","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":[null],"names":["id","title","subtitle","headerVariant","action","actionSlot","isCollapsed","onClickCollapse","onClickClose","React","createElement","Header","HeaderGrid","Text","variant","Button","onClick","iconSlot","DownArrowIcon","default","UpArrowIcon","CrossIcon"],"mappings":"sVAgBc,EAAAA,KAAAC,QAAAC,WAAAC,gBAAA,eAAAC,SAAAC,aAAAC,cAAAC,kBAAAC,kBAAAC,EAAAA,QAAAC,cAAAC,EAAAA,OAAA,KACZF,UAAMC,cAASE,EAAAA,WAAA,KACPH,UAAGC,cAAOG,EAAAA,KAAA,CAAAb,GAAAA,EAAAc,QAAAX,GAAAF,GACLG,GAAGK,EAAAA,QAAAC,cAAcK,EAAAA,OAAA,CAAAD,QAAA,OAAAE,QAAAZ,EAAAY,SAAAZ,EAAAH,OACxBI,EACNE,aAA6BG,cAAAK,SAAA,CAAAD,QAAA,OAAAG,SAAAX,EAAAG,UAAAC,cAAAQ,EAAAA,cAAA,MAAAT,EAAAU,QAAAT,cAAAU,EAAAA,YAAA,MAAAJ,QAAAT,IAClBC,GAAUC,EAACU,QAAAT,cAAAK,EAAAA,OAAA,CAAAD,QAAA,OAAAG,SAAAR,EAAAU,QAAAT,cAAAW,EAAAA,UAAA,MAAAL,QAAAR,EAAA,aAAA,WACtBN,GAAAO,EAAAA,QAAkBC,cAAWG,EAAAA,KAAA,CAAAC,QAAA,mBAAAZ"}
|
|
@@ -10,11 +10,11 @@ export interface CardHeaderProps {
|
|
|
10
10
|
subtitle?: string;
|
|
11
11
|
headerVariant?: HeaderVariant;
|
|
12
12
|
action?: CardHeaderAction;
|
|
13
|
-
|
|
13
|
+
actionSlot?: React.ReactNode;
|
|
14
14
|
isCollapsed?: boolean;
|
|
15
15
|
onClickCollapse?: () => void;
|
|
16
16
|
onClickClose?: () => void;
|
|
17
17
|
}
|
|
18
|
-
export declare const CardHeader: ({ id, title, subtitle, headerVariant, action,
|
|
18
|
+
export declare const CardHeader: ({ id, title, subtitle, headerVariant, action, actionSlot, isCollapsed, onClickCollapse, onClickClose, }: CardHeaderProps) => React.JSX.Element;
|
|
19
19
|
export {};
|
|
20
20
|
//# sourceMappingURL=CardHeader.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import{Text as t}from"../Text/Text.js";import{Button as l}from"../Button/Button.js";import{Header as
|
|
1
|
+
import e from"react";import{Text as t}from"../Text/Text.js";import{Button as l}from"../Button/Button.js";import{Header as o,HeaderGrid as n}from"./styled.js";import{DownArrowIcon as r}from"../../tempIcons/DownArrowIcon.js";import{UpArrowIcon as a}from"../../tempIcons/UpArrowIcon.js";import{CrossIcon as i}from"../../tempIcons/CrossIcon.js";const m=({id:m,title:c,subtitle:s,headerVariant:p="headingSmall",action:C,actionSlot:E,isCollapsed:f,onClickCollapse:u,onClickClose:d})=>e.createElement(o,null,e.createElement(n,null,e.createElement(t,{id:m,variant:p},c),C&&e.createElement(l,{variant:"link",onClick:C.onClick},C.title),E,u&&e.createElement(l,{variant:"flat",iconSlot:f?e.createElement(r,null):e.createElement(a,null),onClick:u}),d&&e.createElement(l,{variant:"flat",iconSlot:e.createElement(i,null),onClick:d,"aria-label":"Close"})),s&&e.createElement(t,{variant:"subheadingSmall"},s));export{m as CardHeader};
|
|
2
2
|
//# sourceMappingURL=CardHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.js","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":[null],"names":["CardHeader","id","title","subtitle","headerVariant","action","
|
|
1
|
+
{"version":3,"file":"CardHeader.js","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":[null],"names":["CardHeader","id","title","subtitle","headerVariant","action","actionSlot","isCollapsed","onClickCollapse","onClickClose","React","createElement","Header","HeaderGrid","Text","variant","Button","onClick","iconSlot","DownArrowIcon","UpArrowIcon","CrossIcon"],"mappings":"qVAgBO,MAAAA,EAAO,EAAAC,KAAAC,QAAAC,WAAAC,gBAAA,eAAAC,SAAAC,aAAAC,cAAAC,kBAAAC,kBAAAC,EAAAC,cAAAC,EAAA,KACZF,EAAMC,cAASE,EAAA,KACPH,EAAGC,cAAOG,EAAA,CAAAb,GAAAA,EAAAc,QAAAX,GAAAF,GACLG,GAAGK,EAAAC,cAAcK,EAAA,CAAAD,QAAA,OAAAE,QAAAZ,EAAAY,SAAAZ,EAAAH,OACxBI,EACNE,KAA6BG,cAAAK,EAAA,CAAAD,QAAA,OAAAG,SAAAX,EAAAG,EAAAC,cAAAQ,EAAA,MAAAT,EAAAC,cAAAS,EAAA,MAAAH,QAAAT,IAClBC,GAAUC,EAACC,cAAAK,EAAA,CAAAD,QAAA,OAAAG,SAAAR,EAAAC,cAAAU,EAAA,MAAAJ,QAAAR,EAAA,aAAA,WACtBN,GAAAO,EAAkBC,cAAWG,EAAA,CAAAC,QAAA,mBAAAZ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("styled-components"),o=require("../Tooltip/Tooltip.cjs"),s=require("../../theme/modules/colors.cjs"),a=require("../../tempIcons/SuccessIcon.cjs"),r=require("../../theme/modules/sizes.cjs"),i=require("../Button/Button.cjs"),c=require("../../tempIcons/ClipboardIcon.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e),u=l(t);const d={width:r.sizes.base,height:r.sizes.base},p=u.default(i.Button).withConfig({displayName:"vui--XSButton",componentId:"vui--n9oowl"})`padding:1px;height:unset;span{height:${r.sizes.base};width:${r.sizes.base};top:unset;}`;exports.CopyToClipboard=({className:t,text:r,onCopy:i})=>{const[l,u]=n.default.useState(!1),m=e.useCallback((()=>{navigator.clipboard.writeText(r),i&&i(),u(!0),setTimeout((()=>u(!1)),2500)}),[i,r]);return n.default.createElement(o.Tooltip,{text:l?"Copied!":"Copy to clipboard"},n.default.createElement(p,{variant:"flat",size:"sm",className:t,"aria-label":`${l?"Copied":"Copy"} "${r}" to clipboard`,
|
|
1
|
+
"use strict";var e=require("react"),t=require("styled-components"),o=require("../Tooltip/Tooltip.cjs"),s=require("../../theme/modules/colors.cjs"),a=require("../../tempIcons/SuccessIcon.cjs"),r=require("../../theme/modules/sizes.cjs"),i=require("../Button/Button.cjs"),c=require("../../tempIcons/ClipboardIcon.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e),u=l(t);const d={width:r.sizes.base,height:r.sizes.base},p=u.default(i.Button).withConfig({displayName:"vui--XSButton",componentId:"vui--n9oowl"})`padding:1px;height:unset;span{height:${r.sizes.base};width:${r.sizes.base};top:unset;}`;exports.CopyToClipboard=({className:t,text:r,onCopy:i})=>{const[l,u]=n.default.useState(!1),m=e.useCallback((()=>{navigator.clipboard.writeText(r),i&&i(),u(!0),setTimeout((()=>u(!1)),2500)}),[i,r]);return n.default.createElement(o.Tooltip,{text:l?"Copied!":"Copy to clipboard"},n.default.createElement(p,{variant:"flat",size:"sm",className:t,"aria-label":`${l?"Copied":"Copy"} "${r}" to clipboard`,iconSlot:l?n.default.createElement(a.SuccessIcon,{color:s.colors.secondary.green.base,...d}):n.default.createElement(c.ClipboardIcon,{color:s.colors.secondary.blue.base,...d}),onClick:m}))};
|
|
2
2
|
//# sourceMappingURL=CopyToClipboard.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o,{useCallback as e}from"react";import t from"styled-components";import{Tooltip as s}from"../Tooltip/Tooltip.js";import{colors as r}from"../../theme/modules/colors.js";import{SuccessIcon as i}from"../../tempIcons/SuccessIcon.js";import{sizes as a}from"../../theme/modules/sizes.js";import{Button as m}from"../Button/Button.js";import{ClipboardIcon as n}from"../../tempIcons/ClipboardIcon.js";const p={width:a.base,height:a.base},c=t(m).withConfig({displayName:"vui--XSButton",componentId:"vui--n9oowl"})`padding:1px;height:unset;span{height:${a.base};width:${a.base};top:unset;}`,l=({className:t,text:a,onCopy:m})=>{const[l,d]=o.useState(!1),u=e((()=>{navigator.clipboard.writeText(a),m&&m(),d(!0),setTimeout((()=>d(!1)),2500)}),[m,a]);return o.createElement(s,{text:l?"Copied!":"Copy to clipboard"},o.createElement(c,{variant:"flat",size:"sm",className:t,"aria-label":`${l?"Copied":"Copy"} "${a}" to clipboard`,
|
|
1
|
+
import o,{useCallback as e}from"react";import t from"styled-components";import{Tooltip as s}from"../Tooltip/Tooltip.js";import{colors as r}from"../../theme/modules/colors.js";import{SuccessIcon as i}from"../../tempIcons/SuccessIcon.js";import{sizes as a}from"../../theme/modules/sizes.js";import{Button as m}from"../Button/Button.js";import{ClipboardIcon as n}from"../../tempIcons/ClipboardIcon.js";const p={width:a.base,height:a.base},c=t(m).withConfig({displayName:"vui--XSButton",componentId:"vui--n9oowl"})`padding:1px;height:unset;span{height:${a.base};width:${a.base};top:unset;}`,l=({className:t,text:a,onCopy:m})=>{const[l,d]=o.useState(!1),u=e((()=>{navigator.clipboard.writeText(a),m&&m(),d(!0),setTimeout((()=>d(!1)),2500)}),[m,a]);return o.createElement(s,{text:l?"Copied!":"Copy to clipboard"},o.createElement(c,{variant:"flat",size:"sm",className:t,"aria-label":`${l?"Copied":"Copy"} "${a}" to clipboard`,iconSlot:l?o.createElement(i,{color:r.secondary.green.base,...p}):o.createElement(n,{color:r.secondary.blue.base,...p}),onClick:u}))};export{l as CopyToClipboard};
|
|
2
2
|
//# sourceMappingURL=CopyToClipboard.js.map
|