@equinor/amplify-component-lib 8.4.3 → 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.
Files changed (6) hide show
  1. package/dist/atoms/style/colors.d.ts +9 -3
  2. package/dist/atoms/style/colors.js +1 -1
  3. package/dist/atoms/style/lightTokens.js +9 -4
  4. package/dist/molecules/Select/Select.styles.js +14 -19
  5. package/dist/organisms/TopBar/TopBar.styles.js +5 -5
  6. package/package.json +1 -1
package/dist/atoms/style/colors.d.ts CHANGED
@@ -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 grey: {
54
- readonly darker: "var(--amplify_dataviz_grey_darker, rgba(86, 86, 86, 1))";
55
- readonly lighter: "var(--amplify_dataviz_grey_lighter, rgba(194, 200, 204, 1))";
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: {
package/dist/atoms/style/colors.js CHANGED
@@ -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))"},grey:{darker:"var(--amplify_dataviz_grey_darker, rgba(86, 86, 86, 1))",lighter:"var(--amplify_dataviz_grey_lighter, rgba(194, 200, 204, 1))"}}};export{l as colors};
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};
package/dist/atoms/style/lightTokens.js CHANGED
@@ -1,4 +1,4 @@
1
- import{css as a}from"styled-components";const i=a`
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
- --amplify_dataviz_grey_darker: rgba(86, 86, 86, 1);
44
- --amplify_dataviz_grey_lighter: rgba(194, 200, 204, 1);
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{i as lightTokens};
51
+ `;export{r as lightTokens};
package/dist/molecules/Select/Select.styles.js CHANGED
@@ -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 o}from"../../atoms/style/spacings.js";import{Chip as i}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`
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: ${o.x_small};
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(i)`
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
- &:focus {
116
- outline: none;
117
- }
118
-
119
- &:focus-visible {
120
- background: ${a.interactive.primary__hover_alt.rgba};
115
+ &:hover {
116
+ background: none;
121
117
  }
122
118
 
123
- /* Hide any background change on hover since we set focus on hover now */
124
- &:hover {
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% + ${o.medium} * 2);
128
+ height: calc(100% + ${i.medium} * 2);
134
129
  justify-self: center;
135
- width: ${o.x_large};
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: ${o.medium};
139
+ margin-left: ${i.medium};
145
140
  `,m=n(e)`
146
141
  max-height: 20rem;
147
142
  overflow: auto;
148
- `,v=n.div`
143
+ `,x=n.div`
149
144
  display: flex;
150
145
  align-items: center;
151
- padding: 0 ${o.small};
152
- `,x=n(r)`
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,v as MenuItemWrapper,h as NoItemsFoundText,u as PlaceholderText,c as Section,x as SmallButton,g as StyledChip,m as StyledMenu,p as StyledMenuItem,s as VARIANT_COLORS,_ as ValueText};
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};
package/dist/organisms/TopBar/TopBar.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import{TopBar as e,Typography as i,CircularProgress as r,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)`
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(i)`
25
+ `,g=s(r)`
26
26
  text-transform: ${e=>e.$capitalize?"capitalize":"none"};
27
- `,m=s(r)`
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 i="none",r="none";return e===n.LOCALHOST?(i=l.interactive.disabled__fill.rgba,r=l.interactive.disabled__text.rgba):e===n.DEVELOP?(i=l.ui.background__info.rgba,r=l.infographic.substitute__blue_overcast.rgba):e===n.STAGING&&(i=l.ui.background__warning.rgba,r=l.interactive.warning__text.rgba),`\n background-color: ${i};\n border: 1px solid ${r};\n `}(e.$environmentType)}
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 none"};
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",
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",