@equinor/amplify-component-lib 8.4.1 → 8.4.4
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/atoms/index.d.ts +6 -0
- package/dist/atoms/index.js +1 -0
- package/dist/atoms/style/colors.d.ts +9 -3
- package/dist/atoms/style/colors.js +1 -1
- package/dist/atoms/style/index.js +1 -0
- package/dist/atoms/style/lightTokens.js +9 -4
- package/dist/index.js +1 -1
- package/dist/molecules/ApplicationIcon/ApplicationIcon.d.ts +1 -0
- package/dist/molecules/ApplicationIcon/ApplicationIcon.js +1 -1
- package/dist/molecules/ApplicationIcon/ApplicationIcon.utils.d.ts +1 -0
- package/dist/molecules/ApplicationIcon/ApplicationIconBase.js +1 -1
- package/dist/molecules/ApplicationIcon/ApplicationIconBase.styles.d.ts +1 -0
- package/dist/molecules/ApplicationIcon/ApplicationIconBase.styles.js +17 -4
- package/dist/molecules/Select/Select.styles.js +14 -19
- package/dist/organisms/TopBar/TopBar.styles.js +5 -5
- package/package.json +5 -1
package/dist/atoms/index.d.ts
CHANGED
|
@@ -4,3 +4,9 @@ export type * from './types';
|
|
|
4
4
|
export * from './enums';
|
|
5
5
|
export * from './icons';
|
|
6
6
|
export * from './utils';
|
|
7
|
+
import * as styleTemp from './style';
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated - Use direct export instead
|
|
10
|
+
*/
|
|
11
|
+
declare const style: typeof styleTemp;
|
|
12
|
+
export { style };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"react";import"../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../molecules/RichTextEditor/RichTextEditor.types.js";import"../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";export{auth,environment}from"./utils/auth_environment.js";import"@microsoft/signalr";export{EnvironmentType}from"./enums/Environment.js";export{useNotification}from"../organisms/TopBar/Notifications/NotificationProvider.js";export{useAuth}from"../providers/AuthProvider/AuthProvider.js";export{useSideBar}from"../providers/SideBarProvider.js";export{useSnackbar}from"../providers/SnackbarProvider.js";export{useTableOfContents}from"../providers/TableOfContentsProvider.js";export{useTutorialSteps}from"../providers/TutorialStepsProvider.js";import*as r from"./style/index.js";export{ErrorType}from"./enums/Errors.js";import"react/jsx-runtime";import"../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";const o=r;export{o as style};
|
|
@@ -50,9 +50,15 @@ export declare const colors: {
|
|
|
50
50
|
readonly darker: "var(--amplify_dataviz_lightpurple_darker, rgba(155, 89, 242, 1))";
|
|
51
51
|
readonly lighter: "var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))";
|
|
52
52
|
};
|
|
53
|
-
readonly
|
|
54
|
-
readonly
|
|
55
|
-
readonly
|
|
53
|
+
readonly darkgray: {
|
|
54
|
+
readonly default: "var(--amplify_dataviz_darkgray_default, rgba(122, 122, 122,1))";
|
|
55
|
+
readonly darker: "var(--amplify-dataviz_darkgray_darker, rgba(86, 86, 86,1))";
|
|
56
|
+
readonly lighter: "var(--amplify-dataviz_darkgray_lighter, rgba(173, 173, 173, 1))";
|
|
57
|
+
};
|
|
58
|
+
readonly lightgray: {
|
|
59
|
+
readonly default: "var(--amplify_dataviz_lightgray_default, rgba(144, 155, 162, 1))";
|
|
60
|
+
readonly darker: "var(--amplify_dataviz_lightgray_darker, rgba(91, 102, 108, 1))";
|
|
61
|
+
readonly lighter: "var(--amplify_dataviz_lightgray_lighter, rgba(194, 200, 204, 1))";
|
|
56
62
|
};
|
|
57
63
|
};
|
|
58
64
|
readonly text: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{tokens as a}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";const{colors:r}=a,l={...r,dataviz:{darkblue:{default:"var(--amplify_dataviz_darkblue_default, rgba(0, 71, 153, 1))",darker:"var(--amplify_dataviz_darkblue_darker, rgba(4, 48, 98, 1))",lighter:"var(--amplify_dataviz_darkblue_lighter, rgba(191, 220, 252, 1))"},lightblue:{default:"var(--amplify_dataviz_lightblue_default, rgba(133, 208, 250, 1))",darker:"var(--amplify_dataviz_lightblue_darker, rgba(35, 170, 246, 1))",lighter:"var(--amplify_dataviz_lightblue_lighter, rgba(211, 238, 253, 1))"},lightgreen:{default:"var(--amplify_dataviz_lightgreen_default, rgba(10, 194, 154, 1))",darker:"var(--amplify_dataviz_lightgreen_darker, rgba(8, 145, 115, 1))",lighter:"var(--amplify_dataviz_lightgreen_lighter, rgba(220, 241, 236, 1))"},darkgreen:{default:"var(--amplify_dataviz_darkgreen_default, rgba(0, 102, 76, 1))",darker:"var(--amplify_dataviz_darkgreen_darker, rgba(0, 61, 46, 1))",lighter:"var(--amplify_dataviz_darkgreen_lighter, rgba(200, 237, 227, 1))"},darkpink:{default:"var(--amplify_dataviz_darkpink_default, rgba(169, 30, 88, 1))",darker:"var(--amplify_dataviz_darkpink_darker, rgba(135, 18, 67, 1))",lighter:"var(--amplify_dataviz_darkpink_lighter, rgba(252, 212, 229, 1))"},lightpink:{default:"var(--amplify_dataviz_lightpink_default, rgba(255, 128, 138, 1))",darker:"var(--amplify_dataviz_lightpink_darker, rgba(225, 81, 93, 1))",lighter:"var(--amplify_dataviz_lightpink_lighter, rgba(255, 219, 222, 1))"},darkyellow:{default:"var(--amplify_dataviz_darkyellow_default, rgba(160, 112, 28, 1))",darker:"var(--amplify_dataviz_darkyellow_darker, rgba(121, 85, 21, 1))",lighter:"var(--amplify_dataviz_darkyellow_lighter, rgba(244, 226, 195, 1))"},lightyellow:{default:"var(--amplify_dataviz_lightyellow_default, rgba(253, 203, 53, 1))",darker:"var(--amplify_dataviz_lightyellow_darker, rgba(227, 171, 2, 1))",lighter:"var(--amplify_dataviz_lightyellow_lighter, rgba(255, 240, 194, 1))"},darkpurple:{default:"var(--amplify_dataviz_darkpurple_default, rgba(147, 20, 219, 1))",darker:"var(--amplify_dataviz_darkpurple_darker, rgba(97, 1, 152, 1))",lighter:"var(--amplify_dataviz_darkpurple_lighter, rgba(232, 209, 246, 1))"},lightpurple:{default:"var(--amplify_dataviz_lightpurple_default, rgba(186, 153, 255, 1))",darker:"var(--amplify_dataviz_lightpurple_darker, rgba(155, 89, 242, 1))",lighter:"var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))"},
|
|
1
|
+
import{tokens as a}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";const{colors:r}=a,l={...r,dataviz:{darkblue:{default:"var(--amplify_dataviz_darkblue_default, rgba(0, 71, 153, 1))",darker:"var(--amplify_dataviz_darkblue_darker, rgba(4, 48, 98, 1))",lighter:"var(--amplify_dataviz_darkblue_lighter, rgba(191, 220, 252, 1))"},lightblue:{default:"var(--amplify_dataviz_lightblue_default, rgba(133, 208, 250, 1))",darker:"var(--amplify_dataviz_lightblue_darker, rgba(35, 170, 246, 1))",lighter:"var(--amplify_dataviz_lightblue_lighter, rgba(211, 238, 253, 1))"},lightgreen:{default:"var(--amplify_dataviz_lightgreen_default, rgba(10, 194, 154, 1))",darker:"var(--amplify_dataviz_lightgreen_darker, rgba(8, 145, 115, 1))",lighter:"var(--amplify_dataviz_lightgreen_lighter, rgba(220, 241, 236, 1))"},darkgreen:{default:"var(--amplify_dataviz_darkgreen_default, rgba(0, 102, 76, 1))",darker:"var(--amplify_dataviz_darkgreen_darker, rgba(0, 61, 46, 1))",lighter:"var(--amplify_dataviz_darkgreen_lighter, rgba(200, 237, 227, 1))"},darkpink:{default:"var(--amplify_dataviz_darkpink_default, rgba(169, 30, 88, 1))",darker:"var(--amplify_dataviz_darkpink_darker, rgba(135, 18, 67, 1))",lighter:"var(--amplify_dataviz_darkpink_lighter, rgba(252, 212, 229, 1))"},lightpink:{default:"var(--amplify_dataviz_lightpink_default, rgba(255, 128, 138, 1))",darker:"var(--amplify_dataviz_lightpink_darker, rgba(225, 81, 93, 1))",lighter:"var(--amplify_dataviz_lightpink_lighter, rgba(255, 219, 222, 1))"},darkyellow:{default:"var(--amplify_dataviz_darkyellow_default, rgba(160, 112, 28, 1))",darker:"var(--amplify_dataviz_darkyellow_darker, rgba(121, 85, 21, 1))",lighter:"var(--amplify_dataviz_darkyellow_lighter, rgba(244, 226, 195, 1))"},lightyellow:{default:"var(--amplify_dataviz_lightyellow_default, rgba(253, 203, 53, 1))",darker:"var(--amplify_dataviz_lightyellow_darker, rgba(227, 171, 2, 1))",lighter:"var(--amplify_dataviz_lightyellow_lighter, rgba(255, 240, 194, 1))"},darkpurple:{default:"var(--amplify_dataviz_darkpurple_default, rgba(147, 20, 219, 1))",darker:"var(--amplify_dataviz_darkpurple_darker, rgba(97, 1, 152, 1))",lighter:"var(--amplify_dataviz_darkpurple_lighter, rgba(232, 209, 246, 1))"},lightpurple:{default:"var(--amplify_dataviz_lightpurple_default, rgba(186, 153, 255, 1))",darker:"var(--amplify_dataviz_lightpurple_darker, rgba(155, 89, 242, 1))",lighter:"var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))"},darkgray:{default:"var(--amplify_dataviz_darkgray_default, rgba(122, 122, 122,1))",darker:"var(--amplify-dataviz_darkgray_darker, rgba(86, 86, 86,1))",lighter:"var(--amplify-dataviz_darkgray_lighter, rgba(173, 173, 173, 1))"},lightgray:{default:"var(--amplify_dataviz_lightgray_default, rgba(144, 155, 162, 1))",darker:"var(--amplify_dataviz_lightgray_darker, rgba(91, 102, 108, 1))",lighter:"var(--amplify_dataviz_lightgray_lighter, rgba(194, 200, 204, 1))"}}};export{l as colors};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{animation}from"./animation.js";export{colors}from"./colors.js";export{spacings}from"./spacings.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{css as a}from"styled-components";const
|
|
1
|
+
import{css as a}from"styled-components";const r=a`
|
|
2
2
|
html[data-theme='light'] {
|
|
3
3
|
--amplify_dataviz_darkblue_default: rgba(0, 71, 153, 1);
|
|
4
4
|
--amplify_dataviz_darkblue_darker: rgba(4, 48, 98, 1);
|
|
@@ -40,7 +40,12 @@ import{css as a}from"styled-components";const i=a`
|
|
|
40
40
|
--amplify_dataviz_lightpurple_darker: rgba(155, 89, 242, 1);
|
|
41
41
|
--amplify_dataviz_lightpurple_lighter: rgba(234, 224, 255, 1);
|
|
42
42
|
|
|
43
|
-
--
|
|
44
|
-
--
|
|
43
|
+
--amplify_dataviz_darkgray_default: rgba(122, 122, 122, 1);
|
|
44
|
+
--amplify_dataviz_darkgray_darker: rgba(86, 86, 86, 1);
|
|
45
|
+
--amplify_dataviz_darkgray_lighter: rgba(173, 173, 173, 1);
|
|
46
|
+
|
|
47
|
+
--amplify_dataviz_lightgray_default: rgba(144, 155, 162, 1);
|
|
48
|
+
--amplify_dataviz_lightgray_darker: rgba(91, 102, 108, 1);
|
|
49
|
+
--amplify_dataviz_lightgray_lighter: rgba(194, 200, 204, 1);
|
|
45
50
|
}
|
|
46
|
-
`;export{
|
|
51
|
+
`;export{r as lightTokens};
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{AuthProvider,useAuth}from"./providers/AuthProvider/AuthProvider.js";export{SideBarProvider,useSideBar}from"./providers/SideBarProvider.js";export{SnackbarProvider,useSnackbar}from"./providers/SnackbarProvider.js";export{TableOfContentsProvider,useTableOfContents}from"./providers/TableOfContentsProvider.js";export{ReleaseNotesProvider}from"./providers/ReleaseNotesProvider.js";export{TutorialStepsProvider,useTutorialSteps}from"./providers/TutorialStepsProvider.js";export{
|
|
1
|
+
export{AuthProvider,useAuth}from"./providers/AuthProvider/AuthProvider.js";export{SideBarProvider,useSideBar}from"./providers/SideBarProvider.js";export{SnackbarProvider,useSnackbar}from"./providers/SnackbarProvider.js";export{TableOfContentsProvider,useTableOfContents}from"./providers/TableOfContentsProvider.js";export{ReleaseNotesProvider}from"./providers/ReleaseNotesProvider.js";export{TutorialStepsProvider,useTutorialSteps}from"./providers/TutorialStepsProvider.js";export{style}from"./atoms/index.js";export{AnimatedCheckmark}from"./molecules/AnimatedCheckmark/AnimatedCheckmark.js";export{ApplicationIcon}from"./molecules/ApplicationIcon/ApplicationIcon.js";export{Badge}from"./molecules/Badge/Badge.js";export{Banner}from"./molecules/Banner/Banner.js";export{Chip}from"./molecules/Chip/Chip.js";export{ContentMenu}from"./molecules/ContentMenu/ContentMenu.js";export{EquinorLogo}from"./molecules/EquinorLogo/EquinorLogo.js";export{FileProgress}from"./molecules/FileProgress/FileProgress.js";export{FileUploadArea}from"./molecules/FileUploadArea/FileUploadArea.js";export{FullPageSpinner}from"./molecules/FullPageSpinner/FullPageSpinner.js";export{InfoElement}from"./molecules/InfoElement/InfoElement.js";export{OptionalTooltip}from"./molecules/OptionalTooltip/OptionalTooltip.js";export{ProfileAvatar}from"./molecules/ProfileAvatar/ProfileAvatar.js";export{RichTextDisplay}from"./molecules/RichTextDisplay/RichTextDisplay.js";export{RichText}from"./molecules/RichTextEditor/index.js";export{AmplifyBar,EditorMenu,EditorText}from"./molecules/RichTextEditor/MenuBar/MenuBar.js";export{TableMenuBar,TextTable}from"./molecules/RichTextEditor/MenuBar/Table/TableBar.js";export{DEFAULT_FEATURES}from"./molecules/RichTextEditor/RichTextEditor.types.js";export{Search}from"./molecules/Search/Search.js";export{Sieve}from"./molecules/Sieve/Sieve.js";export{SingleFilterMenu}from"./molecules/SingleFilterMenu/SingleFilterMenu.js";export{SkeletonBase,skeletonBaseloading}from"./molecules/Skeleton/SkeletonBase/SkeletonBase.js";export{SkeletonGradient}from"./molecules/Skeleton/SkeletonGradient/SkeletonGradient.js";export{Stepper}from"./molecules/Stepper/Stepper.js";export{OptionDrawer}from"./molecules/OptionDrawer/OptionDrawer.js";export{ComboBox}from"./molecules/Select/ComboBox/ComboBox.js";export{SingleSelect}from"./molecules/Select/SingleSelect/SingleSelect.js";export{PageWithTitle}from"./molecules/PageWithTitle/PageWithTitle.js";export{FeedBackIcon}from"./molecules/FeedBackIcon/FeedBackIcon.js";export{ListItem}from"./molecules/ListItem/ListItem.js";export{Checkbox}from"./molecules/SelectionControls/Checkbox/Checkbox.js";export{Radio}from"./molecules/SelectionControls/Radio/Radio.js";export{Switch}from"./molecules/SelectionControls/Switch/Switch.js";export{Breadcrumbs,Button,Card,CircularProgress,Dialog,Divider,DotProgress,Icon,LinearProgress,Menu,Tabs,TextField,Typography}from"@equinor/eds-core-react";export{DataGrid}from"./organisms/DataGrid/DataGrid.js";export{FieldSelector}from"./organisms/FieldSelector/FieldSelector.js";export{SideBar}from"./organisms/SideBar/index.js";export{TopBar}from"./organisms/TopBar/index.js";export{FullPageStatus}from"./organisms/FullPageStatus/FullPageStatus.js";export{ErrorPage}from"./organisms/ErrorPage/index.js";export{GlitchAnimation}from"./organisms/ErrorPage/illustrations/GlitchAnimation.js";export{QuestioningAnimation}from"./organisms/ErrorPage/illustrations/QuestioningAnimation.js";export{Unauthorized}from"./organisms/ErrorPage/collections/Unauthorized.js";export{PageNotFound}from"./organisms/ErrorPage/collections/PageNotFound.js";export{TableOfContents}from"./organisms/TableOfContents/TableOfContents.js";export{Template}from"./organisms/Template/Template.js";export{Label,Popover}from"./deprecated/index.js";export{default as CommentField}from"./deprecated/CommentField/CommentField.js";export{default as EditableField}from"./deprecated/EditableField.js";export{default as StatusChip}from"./deprecated/Workflow/StatusChip.js";export{default as WorkflowDescription}from"./deprecated/Workflow/WorkflowDescription.js";export{default as WorkflowStatusBar}from"./deprecated/Workflow/WorkflowStatusBar.js";export{default as ConfirmationPopup}from"./deprecated/ConfirmationPopup.js";export{default as DataCard}from"./deprecated/DataCard.js";export{default as HeaderDrawer}from"./deprecated/HeaderDrawer.js";export{default as MultiSelectDrawer}from"./deprecated/MultiSelectDrawer.js";export{default as SingleSelectDrawer}from"./deprecated/SingleSelectDrawer.js";export{default as IconToggleButton}from"./deprecated/IconToggleButton.js";export{useSelect}from"./atoms/hooks/useSelect.js";export{useDebounce}from"./atoms/hooks/useDebounce.js";export{useFakeProgress}from"./atoms/hooks/useFakeProgress.js";export{useLocalStorage}from"./atoms/hooks/useLocalStorage.js";export{useNotification}from"./organisms/TopBar/Notifications/NotificationProvider.js";export{useOnScreenMultiple}from"./atoms/hooks/useOnScreenMultiple.js";export{usePrevious}from"./atoms/hooks/usePrevious.js";export{useReleaseNotesQuery}from"./atoms/hooks/useReleaseNotesQuery.js";export{useSignalRMessages}from"./atoms/hooks/useSignalRMessages.js";export{useAmplifyKit}from"./atoms/hooks/useAmplifyKit.js";export{spacings}from"./atoms/style/spacings.js";export{colors}from"./atoms/style/colors.js";export{animation}from"./atoms/style/animation.js";export{ErrorType}from"./atoms/enums/Errors.js";export{EnvironmentType}from"./atoms/enums/Environment.js";export{amplify_failure,amplify_lwd,amplify_success,amplify_wellbore,amplify_wireline_cased_hole,amplify_wireline_open_hole}from"./atoms/icons/drilling.js";export{amplify_calculator,amplify_overlay,amplify_sidebyside}from"./atoms/icons/map.js";export{amplify_aml,amplify_branch,amplify_info_small,amplify_merged,amplify_overview,amplify_resources,amplify_sharepoint,amplify_shield_person,amplify_small_portal,amplify_snail,amplify_sort_small,amplify_tutorials}from"./atoms/icons/other.js";export{amplify_h1,amplify_h2,amplify_h3,amplify_h4,amplify_table_add_column_left,amplify_table_add_column_right,amplify_table_add_row_above,amplify_table_add_row_below,amplify_table_column_heading,amplify_table_merge_cells,amplify_table_remove_column,amplify_table_remove_row,amplify_table_row_heading,amplify_table_split_cell}from"./atoms/icons/wysiwyg.js";export{auth,environment}from"./atoms/utils/auth_environment.js";export{formatLatLng,formatUtm}from"./atoms/utils/coordinate.js";export{formatDate,formatDateTime,formatRelativeDateTime,isBetweenDates}from"./atoms/utils/date.js";export{getErrorContent,getListOfErrors}from"./atoms/utils/errors.js";export{exportComponent}from"./atoms/utils/export.js";export{setupIcons}from"./atoms/utils/favicon.js";export{convertLatLngToUtm,convertUtmToLatLng,degrees2radians,distanceLatLng,utmProjection}from"./atoms/utils/map.js";export{defaultQueryOptions}from"./atoms/utils/reactquery.js";export{IMG_WITH_ALT,IMG_WITH_SRC_AND_ALT,cleanRichTextValue,extractImageUrls,getFeatures,imageToB64}from"./atoms/utils/richtext.js";export{formatBytes,formatDataSize,formatKiloBytes}from"./atoms/utils/size.js";export{sortByDate,sortByWellboreName}from"./atoms/utils/sort.js";export{Empty,capitalize}from"./atoms/utils/string.js";export{isValidUrl}from"./atoms/utils/url.js";export{coordinate,date,errors,favicon,map,reactquery,richtext,size,sort,string,url}from"./atoms/utils/index.js";export{RichTextEditor}from"./molecules/RichTextEditor/RichTextEditor.js";export{ExpandingIconButton}from"./deprecated/ExpandingIconButton/ExpandingIconButton.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as a}from"react/jsx-runtime";import{amplify as o,bravos as t,embark as n,premo as i,dasha as r,acquire as e,orca as p,pwex as c,ltg as l,inpress as g,equinor as m,fallback as s}from"./ApplicationIconData/ApplicationIconCollection.js";import{ApplicationIconBase as v}from"./ApplicationIconBase.js";const S=[{appName:"amplify",iconSvg:o.svgPathData,rotationVariant:1,color:"blue"},{appName:"bravos",iconSvg:t.svgPathData,rotationVariant:2,color:"blue"},{appName:"embark",iconSvg:n.svgPathData,rotationVariant:2,color:"green"},{appName:"premo",iconSvg:i.svgPathData,rotationVariant:3,color:"purple"},{appName:"dasha",iconSvg:r.svgPathData,rotationVariant:0,color:"red"},{appName:"acquire",iconSvg:e.svgPathData,rotationVariant:1,color:"yellow"},{appName:"orca",iconSvg:p.svgPathData,rotationVariant:2,color:"magenta"},{appName:"pwex",iconSvg:c.svgPathData,rotationVariant:3,color:"blue"},{appName:"ltg",iconSvg:l.svgPathData,rotationVariant:0,color:"green"},{appName:"inpress",iconSvg:g.svgPathData,rotationVariant:1,color:"green"},{appName:"equinor",iconSvg:m.svgPathData,rotationVariant:1,color:"purple"},{appName:"fallback",iconSvg:s.svgPathData,rotationVariant:2,color:"blue"}],D=({name:o="amplify",size:t=64,animationState:n="none"})=>{let
|
|
1
|
+
import{jsx as a}from"react/jsx-runtime";import{amplify as o,bravos as t,embark as n,premo as i,dasha as r,acquire as e,orca as p,pwex as c,ltg as l,inpress as g,equinor as m,fallback as s}from"./ApplicationIconData/ApplicationIconCollection.js";import{ApplicationIconBase as v}from"./ApplicationIconBase.js";const S=[{appName:"amplify",iconSvg:o.svgPathData,rotationVariant:1,color:"blue"},{appName:"bravos",iconSvg:t.svgPathData,rotationVariant:2,color:"blue"},{appName:"embark",iconSvg:n.svgPathData,rotationVariant:2,color:"green"},{appName:"premo",iconSvg:i.svgPathData,rotationVariant:3,color:"purple"},{appName:"dasha",iconSvg:r.svgPathData,rotationVariant:0,color:"red"},{appName:"acquire",iconSvg:e.svgPathData,rotationVariant:1,color:"yellow"},{appName:"orca",iconSvg:p.svgPathData,rotationVariant:2,color:"magenta"},{appName:"pwex",iconSvg:c.svgPathData,rotationVariant:3,color:"blue"},{appName:"ltg",iconSvg:l.svgPathData,rotationVariant:0,color:"green"},{appName:"inpress",iconSvg:g.svgPathData,rotationVariant:1,color:"green"},{appName:"equinor",iconSvg:m.svgPathData,rotationVariant:1,color:"purple"},{appName:"fallback",iconSvg:s.svgPathData,rotationVariant:2,color:"blue"}],D=({name:o="amplify",size:t=64,animationState:n="none",iconOnly:i=!1})=>{let r=S.find((a=>a.appName.includes(o.toLowerCase())));r||(r={appName:"fallback",iconSvg:s.svgPathData,rotationVariant:1,color:"blue"});const{iconSvg:e}=r;return a(v,{size:t,color:r.color,rotationVariant:r.rotationVariant,animationState:n,appIconData:e,iconOnly:i})};D.displayName="ApplicationIcon";export{D as ApplicationIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as a,jsx as e}from"react/jsx-runtime";import t from"./ApplicationIconData/AppIconSvg.js";import{AppIconContainer as i,IconContainer as n,Waves as s,WaveInnerContainer as
|
|
1
|
+
import{jsxs as a,jsx as e}from"react/jsx-runtime";import t from"./ApplicationIconData/AppIconSvg.js";import{AppIconContainer as i,IconContainer as n,Waves as s,WaveInnerContainer as o,Wave as r}from"./ApplicationIconBase.styles.js";import{NoiseShape as l}from"./NoiseShape.js";import{WaveShape as v}from"./WaveShape.js";const c=({waveIntervalDist:c=14.75,size:m=512,color:d="blue",rotationVariant:p=1,hasLargeWaves:h=!1,animationState:W="none",appIconData:y,iconOnly:D})=>{const I=Array.from({length:8},((a,e)=>{const t=h?e*(1.15*c):e*c;return m<=128&&(h=!0),{waveIntervalDist:t,size:m,delay:"animated"===W?750*e:50*(e+1),altWave:e%2==0,hasLargeWaves:h,animationState:W,appIconData:y}}));return a(i,{$size:m,$color:d,$animationState:W,$iconOnly:D,"data-testid":"app-icon-container",children:[e(n,{"data-testid":"icon-container",children:e(t,{paths:y})}),!D&&e(s,{$animationState:W,"data-testid":"waves-container",children:a(o,{$color:d,$rotationVariant:p,children:[a(r,{className:"wave",$waveIntervalDist:0,"data-testid":"wave",style:{animationDelay:"0ms",transitionDelay:"0ms"},children:[e(v,{index:-1,isAltWave:!1,hasLargeWaves:h}),e(l,{index:-1,isAltWave:!1,hasLargeWaves:h})]}),I.map(((t,i)=>a(r,{className:"wave",$waveIntervalDist:t.waveIntervalDist,"data-testid":"wave",style:{animationDelay:`${t.delay}ms`,transitionDelay:`${t.delay}ms`},children:[e(v,{index:i,isAltWave:t.altWave,hasLargeWaves:t.hasLargeWaves}),e(l,{index:i,isAltWave:t.altWave,hasLargeWaves:t.hasLargeWaves})]},i)))]})})]})};c.displayName="ApplicationIconBase";export{c as ApplicationIconBase};
|
|
@@ -4,6 +4,7 @@ interface AppIconContainerProps {
|
|
|
4
4
|
$size: number;
|
|
5
5
|
$color: AllowedColors;
|
|
6
6
|
$animationState: AnimationState;
|
|
7
|
+
$iconOnly: boolean;
|
|
7
8
|
}
|
|
8
9
|
export declare const AppIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AppIconContainerProps>> & string;
|
|
9
10
|
export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -53,7 +53,20 @@ import{colorMap as t,darkenColor as o}from"./ApplicationIcon.utils.js";import e,
|
|
|
53
53
|
}
|
|
54
54
|
`:""}
|
|
55
55
|
position: relative;
|
|
56
|
-
${({$color:t})
|
|
56
|
+
${({$color:t,$iconOnly:e})=>e?a`
|
|
57
|
+
> div {
|
|
58
|
+
svg {
|
|
59
|
+
filter: none;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
`:a`
|
|
63
|
+
box-shadow:
|
|
64
|
+
0 105px 68px 0 ${o(t,0,"00")},
|
|
65
|
+
0 96px 62px 0 ${o(t,.1,"03")},
|
|
66
|
+
0 56px 52px 0 ${o(t,.5,"0D")},
|
|
67
|
+
0 32px 39px 0 ${o(t,.9,"17")},
|
|
68
|
+
0 8px 21px 0 ${o(t,.1,"1a")};
|
|
69
|
+
`}
|
|
57
70
|
`,p=e.div`
|
|
58
71
|
--pos: 12.5%;
|
|
59
72
|
position: absolute;
|
|
@@ -75,7 +88,7 @@ import{colorMap as t,darkenColor as o}from"./ApplicationIcon.utils.js";import e,
|
|
|
75
88
|
width: 100%;
|
|
76
89
|
height: 100%;
|
|
77
90
|
background-color: ${({$color:o})=>t[o]};
|
|
78
|
-
transform: ${({$rotationVariant:t})=>
|
|
91
|
+
transform: ${({$rotationVariant:t})=>x(t)};
|
|
79
92
|
position: absolute;
|
|
80
93
|
|
|
81
94
|
.noiseShape {
|
|
@@ -112,7 +125,7 @@ import{colorMap as t,darkenColor as o}from"./ApplicationIcon.utils.js";import e,
|
|
|
112
125
|
transition-delay: 200ms;
|
|
113
126
|
}
|
|
114
127
|
`;default:return a``}}}
|
|
115
|
-
`,
|
|
128
|
+
`,m=e.div`
|
|
116
129
|
position: absolute;
|
|
117
130
|
top: ${({$waveIntervalDist:t})=>`${t}%`};
|
|
118
131
|
transform-origin: bottom;
|
|
@@ -127,4 +140,4 @@ import{colorMap as t,darkenColor as o}from"./ApplicationIcon.utils.js";import e,
|
|
|
127
140
|
position: absolute;
|
|
128
141
|
left: 0;
|
|
129
142
|
}
|
|
130
|
-
`,
|
|
143
|
+
`,x=(t=0)=>{const o=["rotate(-45deg)","rotate(45deg)","rotate(135deg)","rotate(225deg)"];return o[t%o.length]};export{n as AppIconContainer,p as IconContainer,m as Wave,d as WaveInnerContainer,l as Waves};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";export{Button}from"@equinor/eds-core-react";import{colors as a}from"../../atoms/style/colors.js";import{spacings as
|
|
1
|
+
import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";export{Button}from"@equinor/eds-core-react";import{colors as a}from"../../atoms/style/colors.js";import{spacings as i}from"../../atoms/style/spacings.js";import{Chip as o}from"../Chip/Chip.js";import n from"styled-components";const s={warning:a.interactive.warning__resting.rgba,error:a.interactive.danger__resting.rgba,success:a.interactive.success__resting.rgba,dirty:a.dataviz.darkblue.darker},l=n.div`
|
|
2
2
|
position: relative;
|
|
3
3
|
display: grid;
|
|
4
4
|
grid-template-columns: 1fr auto;
|
|
@@ -51,7 +51,7 @@ import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";expor
|
|
|
51
51
|
position: relative;
|
|
52
52
|
display: flex;
|
|
53
53
|
flex-wrap: wrap;
|
|
54
|
-
gap: ${
|
|
54
|
+
gap: ${i.x_small};
|
|
55
55
|
min-height: 24px;
|
|
56
56
|
input[type='search'] {
|
|
57
57
|
background: transparent;
|
|
@@ -104,7 +104,7 @@ import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";expor
|
|
|
104
104
|
height: 24px;
|
|
105
105
|
left: 0;
|
|
106
106
|
}
|
|
107
|
-
`,g=n(
|
|
107
|
+
`,g=n(o)`
|
|
108
108
|
background: ${({$tryingToRemove:r,$lightBackground:e})=>r?a.interactive.primary__hover_alt.rgba:e?a.ui.background__light.rgba:a.ui.background__default.rgba} !important;
|
|
109
109
|
`,p=n(e.Item)`
|
|
110
110
|
flex-grow: 1;
|
|
@@ -112,27 +112,22 @@ import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";expor
|
|
|
112
112
|
${({$paddedLeft:r})=>r&&"margin-left: 36px"};
|
|
113
113
|
padding-left: 10px;
|
|
114
114
|
|
|
115
|
-
&:
|
|
116
|
-
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
&:focus-visible {
|
|
120
|
-
background: ${a.interactive.primary__hover_alt.rgba};
|
|
115
|
+
&:hover {
|
|
116
|
+
background: none;
|
|
121
117
|
}
|
|
122
118
|
|
|
123
|
-
|
|
124
|
-
|
|
119
|
+
&:focus {
|
|
120
|
+
outline: none;
|
|
125
121
|
background: ${a.interactive.primary__hover_alt.rgba};
|
|
126
|
-
background: transparent;
|
|
127
122
|
}
|
|
128
123
|
|
|
129
124
|
&:focus-visible {
|
|
130
125
|
background: ${a.interactive.primary__hover_alt.rgba};
|
|
131
126
|
}
|
|
132
127
|
`,b=n.hr`
|
|
133
|
-
height: calc(100% + ${
|
|
128
|
+
height: calc(100% + ${i.medium} * 2);
|
|
134
129
|
justify-self: center;
|
|
135
|
-
width: ${
|
|
130
|
+
width: ${i.x_large};
|
|
136
131
|
`,u=n(t)`
|
|
137
132
|
position: absolute;
|
|
138
133
|
color: ${a.text.static_icons__tertiary.rgba};
|
|
@@ -141,15 +136,15 @@ import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";expor
|
|
|
141
136
|
`,_=n(u)`
|
|
142
137
|
color: ${a.text.static_icons__default.rgba};
|
|
143
138
|
`,h=n(t)`
|
|
144
|
-
margin-left: ${
|
|
139
|
+
margin-left: ${i.medium};
|
|
145
140
|
`,m=n(e)`
|
|
146
141
|
max-height: 20rem;
|
|
147
142
|
overflow: auto;
|
|
148
|
-
`,
|
|
143
|
+
`,x=n.div`
|
|
149
144
|
display: flex;
|
|
150
145
|
align-items: center;
|
|
151
|
-
padding: 0 ${
|
|
152
|
-
`,
|
|
146
|
+
padding: 0 ${i.small};
|
|
147
|
+
`,f=n(r)`
|
|
153
148
|
width: 36px;
|
|
154
149
|
height: 36px;
|
|
155
|
-
`;export{d as ClearButton,l as Container,b as MenuItemSpacer,
|
|
150
|
+
`;export{d as ClearButton,l as Container,b as MenuItemSpacer,x as MenuItemWrapper,h as NoItemsFoundText,u as PlaceholderText,c as Section,f as SmallButton,g as StyledChip,m as StyledMenu,p as StyledMenuItem,s as VARIANT_COLORS,_ as ValueText};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{TopBar as e,Typography as
|
|
1
|
+
import{TopBar as e,Typography as r,CircularProgress as i,Button as t}from"@equinor/eds-core-react";import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{EnvironmentType as n}from"../../atoms/enums/Environment.js";import"../../atoms/style/colors.js";import{spacings as a}from"../../atoms/style/spacings.js";import s from"styled-components";const{colors:l}=o,d=s(e)`
|
|
2
2
|
border-bottom: 1px solid ${l.ui.background__medium.rgba};
|
|
3
3
|
padding-left: ${a.medium};
|
|
4
4
|
align-content: center;
|
|
@@ -22,9 +22,9 @@ import{TopBar as e,Typography as i,CircularProgress as r,Button as t}from"@equin
|
|
|
22
22
|
display: flex;
|
|
23
23
|
align-items: center;
|
|
24
24
|
gap: ${a.medium};
|
|
25
|
-
`,g=s(
|
|
25
|
+
`,g=s(r)`
|
|
26
26
|
text-transform: ${e=>e.$capitalize?"capitalize":"none"};
|
|
27
|
-
`,m=s(
|
|
27
|
+
`,m=s(i)`
|
|
28
28
|
circle {
|
|
29
29
|
stroke: ${l.interactive.primary__resting.rgba};
|
|
30
30
|
}
|
|
@@ -42,7 +42,7 @@ import{TopBar as e,Typography as i,CircularProgress as r,Button as t}from"@equin
|
|
|
42
42
|
left: 50%;
|
|
43
43
|
transform: translateX(-50%);
|
|
44
44
|
text-transform: capitalize;
|
|
45
|
-
${e=>function(e){let
|
|
45
|
+
${e=>function(e){let r="none",i="none";return e===n.LOCALHOST?(r=l.interactive.disabled__fill.rgba,i=l.interactive.disabled__text.rgba):e===n.DEVELOP?(r=l.ui.background__info.rgba,i=l.infographic.substitute__blue_overcast.rgba):e===n.STAGING&&(r=l.ui.background__warning.rgba,i=l.interactive.warning__text.rgba),`\n background-color: ${r};\n border: 1px solid ${i};\n `}(e.$environmentType)}
|
|
46
46
|
`,u=s.div`
|
|
47
47
|
background-color: ${l.interactive.danger__resting.rgba};
|
|
48
48
|
width: 10px;
|
|
@@ -57,7 +57,7 @@ import{TopBar as e,Typography as i,CircularProgress as r,Button as t}from"@equin
|
|
|
57
57
|
`,_=s(t)`
|
|
58
58
|
height: ${({$fieldSelector:e})=>e?"":"36px"};
|
|
59
59
|
width: ${({$fieldSelector:e})=>e?"":"36px"};
|
|
60
|
-
border: ${({$isSelected:e})=>e?"1px solid #132E31":"1px solid
|
|
60
|
+
border: ${({$isSelected:e})=>e?"1px solid #132E31":"1px solid transparent"};
|
|
61
61
|
color: ${({$isSelected:e})=>e?"#132E31":l.interactive.primary__resting.rgba};
|
|
62
62
|
&:hover ${u} {
|
|
63
63
|
border: 2px solid ${l.interactive.primary__hover_alt.rgba};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equinor/amplify-component-lib",
|
|
3
|
-
"version": "8.4.
|
|
3
|
+
"version": "8.4.4",
|
|
4
4
|
"description": "Frontend Typescript components for the Amplify team",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -8,6 +8,10 @@
|
|
|
8
8
|
"author": "Amplify Team",
|
|
9
9
|
"license": "ISC",
|
|
10
10
|
"homepage": "https://github.com/equinor/amplify-component-lib#readme",
|
|
11
|
+
"repository": {
|
|
12
|
+
"type": "git",
|
|
13
|
+
"url": "git+https://github.com/equinor/amplify-component-lib.git"
|
|
14
|
+
},
|
|
11
15
|
"bugs": {
|
|
12
16
|
"url": "https://github.com/equinor/amplify-component-lib/issues"
|
|
13
17
|
},
|