@codecademy/brand 5.13.0 → 5.14.0-alpha.51889ee00.0

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 (23) hide show
  1. package/dist/AppBar/AppBarSection.js +3 -3
  2. package/dist/AppBar/index.js +2 -1
  3. package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.js +6 -5
  4. package/dist/AppHeader/AppHeaderElements/AppHeaderDropdown/index.js +4 -4
  5. package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.js +3 -3
  6. package/dist/AppHeader/Search/SearchPane.js +10 -11
  7. package/dist/AppHeader/shared/elements.js +11 -11
  8. package/dist/Carousel/index.js +7 -7
  9. package/dist/EmptySection/index.js +5 -5
  10. package/dist/GlobalHeader/index.js +2 -3
  11. package/dist/HeaderHeightArea/index.js +3 -3
  12. package/dist/InstructorCard/index.js +8 -8
  13. package/dist/MarketingToaster/index.js +4 -3
  14. package/dist/NotificationList/NotificationItem.js +6 -6
  15. package/dist/PageAlerts/PageAlerts.js +3 -9
  16. package/dist/PausableImage/BaseImage/index.js +4 -3
  17. package/dist/PlanCard/index.js +12 -12
  18. package/dist/ScoreSummary/index.js +2 -2
  19. package/dist/SocialMediaSharingDropdown/index.js +2 -1
  20. package/dist/stories/Organisms/GlobalHeader/About.stories.js +2 -1
  21. package/dist/stories/Organisms/GlobalHeader/Free.stories.js +2 -2
  22. package/dist/stories/Organisms/GlobalPage.stories.js +5 -4
  23. package/package.json +2 -2
package/dist/SocialMediaSharingDropdown/index.js CHANGED
@@ -3,6 +3,7 @@
3
3
  * */
4
4
  import { Alert, FlexBox, Text } from '@codecademy/gamut';
5
5
  import { LinkIcon, ShareIcon } from '@codecademy/gamut-icons';
6
+ import { zIndexes } from '@codecademy/gamut-styles';
6
7
  import { useRef, useState } from 'react';
7
8
  import { DropdownButton } from '../DropdownButton';
8
9
  import { createShareLink, SOCIAL_SHARING_PLATFORMS } from '../SocialMediaSharing';
@@ -90,7 +91,7 @@ export const SocialMediaSharingDropdown = ({
90
91
  _: '10%',
91
92
  sm: '20%'
92
93
  },
93
- zIndex: 999,
94
+ zIndex: zIndexes.popover,
94
95
  "data-testid": "social-share-copy-to-clipboard-alert",
95
96
  justifyContent: "center",
96
97
  children: /*#__PURE__*/_jsx(Alert, {
package/dist/stories/Organisms/GlobalHeader/About.stories.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { Box } from '@codecademy/gamut';
2
+ import { zIndexes } from '@codecademy/gamut-styles';
2
3
  import { GlobalHeader } from '../../../index';
3
4
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
5
  const meta = {
@@ -17,7 +18,7 @@ export default meta;
17
18
  export const Default = {
18
19
  render: args => /*#__PURE__*/_jsxs(Box, {
19
20
  position: "relative",
20
- zIndex: 0,
21
+ zIndex: zIndexes.base,
21
22
  children: [/*#__PURE__*/_jsx(GlobalHeader, {
22
23
  ...args
23
24
  }), /*#__PURE__*/_jsx(Box, {
package/dist/stories/Organisms/GlobalHeader/Free.stories.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Box } from '@codecademy/gamut';
2
- import { Background } from '@codecademy/gamut-styles';
2
+ import { Background, zIndexes } from '@codecademy/gamut-styles';
3
3
  import { GlobalHeader } from '../../../index';
4
4
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
5
  const meta = {
@@ -19,7 +19,7 @@ export const FreeUserDefault = {
19
19
  render: () => /*#__PURE__*/_jsxs(Background, {
20
20
  bg: "background-primary",
21
21
  position: "relative",
22
- zIndex: 0,
22
+ zIndex: zIndexes.base,
23
23
  children: [/*#__PURE__*/_jsx(GlobalHeader, {
24
24
  action: () => {},
25
25
  notifications: {
package/dist/stories/Organisms/GlobalPage.stories.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { Box, ContentContainer, SkipToContentTarget, Text } from '@codecademy/gamut';
2
+ import { zIndexes } from '@codecademy/gamut-styles';
2
3
  import { GlobalPage } from '../../index';
3
4
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
5
  const header = {
@@ -48,7 +49,7 @@ export default meta;
48
49
  export const Default = {
49
50
  render: args => /*#__PURE__*/_jsx(Box, {
50
51
  position: "relative",
51
- zIndex: 0,
52
+ zIndex: zIndexes.base,
52
53
  children: /*#__PURE__*/_jsx(GlobalPage, {
53
54
  ...args,
54
55
  children: /*#__PURE__*/_jsx(ContentContainer, {
@@ -65,7 +66,7 @@ export const Default = {
65
66
  export const Banner = {
66
67
  render: args => /*#__PURE__*/_jsx(Box, {
67
68
  position: "relative",
68
- zIndex: 0,
69
+ zIndex: zIndexes.base,
69
70
  children: /*#__PURE__*/_jsx(GlobalPage, {
70
71
  ...args,
71
72
  children: /*#__PURE__*/_jsx(ContentContainer, {
@@ -87,7 +88,7 @@ export const Banner = {
87
88
  export const Modal = {
88
89
  render: args => /*#__PURE__*/_jsx(Box, {
89
90
  position: "relative",
90
- zIndex: 0,
91
+ zIndex: zIndexes.base,
91
92
  children: /*#__PURE__*/_jsx(GlobalPage, {
92
93
  ...args,
93
94
  children: /*#__PURE__*/_jsxs(ContentContainer, {
@@ -113,7 +114,7 @@ export const Modal = {
113
114
  export const SkipToContent = {
114
115
  render: args => /*#__PURE__*/_jsx(Box, {
115
116
  position: "relative",
116
- zIndex: 0,
117
+ zIndex: zIndexes.base,
117
118
  children: /*#__PURE__*/_jsx(GlobalPage, {
118
119
  ...args,
119
120
  children: /*#__PURE__*/_jsxs(ContentContainer, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codecademy/brand",
3
- "version": "5.13.0",
3
+ "version": "5.14.0-alpha.51889ee00.0",
4
4
  "description": "Brand component library for Codecademy",
5
5
  "license": "MIT",
6
6
  "repository": "git@github.com:codecademy-engineering/mono.git",
@@ -38,7 +38,7 @@
38
38
  "@codecademy/gamut-illustrations": "*",
39
39
  "@codecademy/gamut-patterns": "*",
40
40
  "@codecademy/gamut-styles": "*",
41
- "@codecademy/tracking": "1.6.0",
41
+ "@codecademy/tracking": "1.7.0-alpha.51889ee00.0",
42
42
  "@codecademy/variance": "*",
43
43
  "@emotion/react": "^11.4.0",
44
44
  "@emotion/styled": "^11.3.0",