@pingux/astro 2.119.0-alpha.0 → 2.119.0-alpha.2
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/lib/cjs/components/NavBar/NavBar.stories.d.ts +1 -0
- package/lib/cjs/components/NavBar/NavBar.stories.js +272 -107
- package/lib/cjs/{styles/themeOverrides → components/NavBar}/stories/NavBar.chromatic.stories.js +53 -53
- package/lib/cjs/components/NavBar/stories/NavBarNextGenComponent.js +191 -0
- package/lib/cjs/{styles/themeOverrides/nextGenDarkMode → components/NavBar}/stories/NextGenDarkNavStory.chomatic.stories.js +2 -2
- package/lib/cjs/{styles/themes/next-gen → components/NavBar}/stories/NextGenNavBar.chromatic.stories.js +1 -1
- package/lib/cjs/components/NavBarSection/NavBarItem.js +3 -1
- package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +9 -6
- package/lib/cjs/components/NavBarSection/NavBarItemHeader.test.d.ts +1 -0
- package/lib/cjs/components/NavBarSection/NavBarItemHeader.test.js +86 -0
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.d.ts +4 -0
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +7 -2
- package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +13 -0
- package/lib/cjs/styles/themes/next-gen/variants/links.d.ts +9 -0
- package/lib/cjs/styles/themes/next-gen/variants/links.js +12 -1
- package/lib/cjs/styles/themes/next-gen/variants/navbar.d.ts +4 -0
- package/lib/cjs/styles/themes/next-gen/variants/navbar.js +11 -7
- package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +4 -0
- package/lib/cjs/utils/devUtils/shouldReturnComingSoon.js +8 -2
- package/lib/components/NavBar/NavBar.stories.js +196 -32
- package/lib/{styles/themeOverrides → components/NavBar}/stories/NavBar.chromatic.stories.js +2 -2
- package/lib/components/NavBar/stories/NavBarNextGenComponent.js +182 -0
- package/lib/{styles/themeOverrides/nextGenDarkMode → components/NavBar}/stories/NextGenDarkNavStory.chomatic.stories.js +2 -2
- package/lib/{styles/themes/next-gen → components/NavBar}/stories/NextGenNavBar.chromatic.stories.js +1 -1
- package/lib/components/NavBarSection/NavBarItem.js +4 -2
- package/lib/components/NavBarSection/NavBarItemHeader.js +7 -4
- package/lib/components/NavBarSection/NavBarItemHeader.test.js +83 -0
- package/lib/styles/themes/next-gen/convertedComponentList.js +5 -1
- package/lib/styles/themes/next-gen/variants/links.js +12 -1
- package/lib/styles/themes/next-gen/variants/navbar.js +11 -7
- package/lib/utils/devUtils/shouldReturnComingSoon.js +9 -3
- package/package.json +1 -1
- package/lib/cjs/recipes/NextGen/NavBarNextGen.stories.d.ts +0 -6
- package/lib/cjs/recipes/NextGen/NavBarNextGen.stories.js +0 -19
- package/lib/cjs/styles/themes/next-gen/stories/NavBarNextGenComponent.js +0 -191
- package/lib/recipes/NextGen/NavBarNextGen.stories.js +0 -9
- package/lib/styles/themes/next-gen/stories/NavBarNextGenComponent.js +0 -182
- /package/lib/cjs/{styles/themes/next-gen → components/NavBar}/stories/NavBarNextGenComponent.d.ts +0 -0
- /package/lib/cjs/{styles/themeOverrides/nextGenDarkMode → components/NavBar}/stories/NextGenDarkNavStory.chomatic.stories.d.ts +0 -0
- /package/lib/cjs/{styles/themes/next-gen → components/NavBar}/stories/NextGenNavBar.chromatic.stories.d.ts +0 -0
@@ -1,191 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
5
|
-
_Object$defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports.NavBarNextGenComponent = void 0;
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
10
|
-
var _AccountCheckOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/AccountCheckOutlineIcon"));
|
11
|
-
var _AccountMultipleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/AccountMultipleOutlineIcon"));
|
12
|
-
var _AppsIcon = _interopRequireDefault(require("@pingux/mdi-react/AppsIcon"));
|
13
|
-
var _CheckCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckCircleOutlineIcon"));
|
14
|
-
var _CodeTagsIcon = _interopRequireDefault(require("@pingux/mdi-react/CodeTagsIcon"));
|
15
|
-
var _CogOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/CogOutlineIcon"));
|
16
|
-
var _FileTreeIcon = _interopRequireDefault(require("@pingux/mdi-react/FileTreeIcon"));
|
17
|
-
var _LayersOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/LayersOutlineIcon"));
|
18
|
-
var _PaletteOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/PaletteOutlineIcon"));
|
19
|
-
var _ShieldCheckOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/ShieldCheckOutlineIcon"));
|
20
|
-
var _ShowChartIcon = _interopRequireDefault(require("@pingux/mdi-react/ShowChartIcon"));
|
21
|
-
var _ViewDashboardOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/ViewDashboardOutlineIcon"));
|
22
|
-
var _WidgetsOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/WidgetsOutlineIcon"));
|
23
|
-
var _useGetTheme2 = _interopRequireDefault(require("../../../../hooks/useGetTheme"));
|
24
|
-
var _index = require("../../../../index");
|
25
|
-
var _react2 = require("@emotion/react");
|
26
|
-
var data = [{
|
27
|
-
'data-id': 'dashboard-data-id',
|
28
|
-
heading: 'Monitoring',
|
29
|
-
icon: _ShowChartIcon["default"],
|
30
|
-
key: 'Monitoring',
|
31
|
-
children: [(0, _react2.jsx)(_index.NavBarItemButton, {
|
32
|
-
key: "Dashboards",
|
33
|
-
id: "Dashboards"
|
34
|
-
}, "Dashboards"), (0, _react2.jsx)(_index.NavBarItemButton, {
|
35
|
-
key: "Audit",
|
36
|
-
id: "Audit"
|
37
|
-
}, "Audits")]
|
38
|
-
}, {
|
39
|
-
'data-id': 'Directory-data-id',
|
40
|
-
heading: 'Directory',
|
41
|
-
icon: _AccountMultipleOutlineIcon["default"],
|
42
|
-
key: 'Directory',
|
43
|
-
children: [(0, _react2.jsx)(_index.NavBarItemButton, {
|
44
|
-
key: "Users",
|
45
|
-
id: "Users"
|
46
|
-
}, "Users"), (0, _react2.jsx)(_index.NavBarItemButton, {
|
47
|
-
key: "Group",
|
48
|
-
id: "Group"
|
49
|
-
}, "Groups")]
|
50
|
-
}, {
|
51
|
-
'data-id': 'Applications-data-id',
|
52
|
-
heading: 'Applications',
|
53
|
-
icon: _AppsIcon["default"],
|
54
|
-
key: 'Applications',
|
55
|
-
children: [(0, _react2.jsx)(_index.NavBarItemButton, {
|
56
|
-
key: "Applications-sub",
|
57
|
-
id: "Applications-sub"
|
58
|
-
}, "Applications"), (0, _react2.jsx)(_index.NavBarItemButton, {
|
59
|
-
key: "Resources",
|
60
|
-
id: "Resources"
|
61
|
-
}, "Resourcess")]
|
62
|
-
}];
|
63
|
-
var secondData = [{
|
64
|
-
'data-id': 'Authentication-data-id',
|
65
|
-
heading: 'Authentication',
|
66
|
-
icon: _CheckCircleOutlineIcon["default"],
|
67
|
-
key: 'Authentication',
|
68
|
-
children: [(0, _react2.jsx)(_index.NavBarItemButton, {
|
69
|
-
key: "Authentication-Policies",
|
70
|
-
id: "Authentication-Policies"
|
71
|
-
}, "Authentication Policies"), (0, _react2.jsx)(_index.NavBarItemButton, {
|
72
|
-
key: "Password-Policies",
|
73
|
-
id: "Password-Policies"
|
74
|
-
}, "Password Policies")]
|
75
|
-
}, {
|
76
|
-
'data-id': 'Threat Protection-data-id',
|
77
|
-
heading: 'Threat Protection',
|
78
|
-
icon: _ShieldCheckOutlineIcon["default"],
|
79
|
-
key: 'Threat Protection',
|
80
|
-
children: [(0, _react2.jsx)(_index.NavBarItemButton, {
|
81
|
-
key: "Risk Policies",
|
82
|
-
id: "Risk Policies"
|
83
|
-
}, "Risk Policies"), (0, _react2.jsx)(_index.NavBarItemButton, {
|
84
|
-
key: "Predictors",
|
85
|
-
id: "Predictors"
|
86
|
-
}, "Predictors")]
|
87
|
-
}, {
|
88
|
-
'data-id': 'Threat Protection-data-id',
|
89
|
-
heading: 'Identity Verification',
|
90
|
-
icon: _LayersOutlineIcon["default"],
|
91
|
-
key: 'Identity Verification',
|
92
|
-
children: [(0, _react2.jsx)(_index.NavBarItemButton, {
|
93
|
-
key: "Verify Policies",
|
94
|
-
id: "Verify Policies"
|
95
|
-
}, "Verify Policies")]
|
96
|
-
}, {
|
97
|
-
'data-id': 'Digital Credentials-data-id',
|
98
|
-
heading: 'Digital Credentials',
|
99
|
-
icon: _CodeTagsIcon["default"],
|
100
|
-
key: 'Digital Credentials',
|
101
|
-
children: [(0, _react2.jsx)(_index.NavBarItemButton, {
|
102
|
-
key: "Management",
|
103
|
-
id: "Management"
|
104
|
-
}, "Management")]
|
105
|
-
}, {
|
106
|
-
'data-id': 'Authorization-data-id',
|
107
|
-
heading: 'Authorization',
|
108
|
-
icon: _AccountCheckOutlineIcon["default"],
|
109
|
-
key: 'Authorization',
|
110
|
-
children: [(0, _react2.jsx)(_index.NavBarItemButton, {
|
111
|
-
key: "Trust Framework",
|
112
|
-
id: "Trust Framework"
|
113
|
-
}, "Trust Framework"), (0, _react2.jsx)(_index.NavBarItemButton, {
|
114
|
-
key: "Policies",
|
115
|
-
id: "Policies"
|
116
|
-
}, "Policies")]
|
117
|
-
}];
|
118
|
-
var thirdData = [{
|
119
|
-
'data-id': 'Integrations-data-id',
|
120
|
-
heading: 'Integrations',
|
121
|
-
icon: _WidgetsOutlineIcon["default"],
|
122
|
-
key: 'Integrations',
|
123
|
-
children: [(0, _react2.jsx)(_index.NavBarItemButton, {
|
124
|
-
key: "External IDPs",
|
125
|
-
id: "External IDPs"
|
126
|
-
}, "External IDPs"), (0, _react2.jsx)(_index.NavBarItemButton, {
|
127
|
-
key: "Provisioning",
|
128
|
-
id: "Provisioning"
|
129
|
-
}, "Provisioning")]
|
130
|
-
}, {
|
131
|
-
'data-id': 'User Experience-data-id',
|
132
|
-
heading: 'User Experience',
|
133
|
-
icon: _PaletteOutlineIcon["default"],
|
134
|
-
key: 'User Experience',
|
135
|
-
children: [(0, _react2.jsx)(_index.NavBarItemButton, {
|
136
|
-
key: "Notification Templates",
|
137
|
-
id: "Notification Templates"
|
138
|
-
}, "Notification Templates"), (0, _react2.jsx)(_index.NavBarItemButton, {
|
139
|
-
key: "Notification Policies",
|
140
|
-
id: "Notification Policies"
|
141
|
-
}, "Notification Policies")]
|
142
|
-
}, {
|
143
|
-
'data-id': 'Settings-data-id',
|
144
|
-
heading: 'Settings',
|
145
|
-
icon: _CogOutlineIcon["default"],
|
146
|
-
key: 'Settings',
|
147
|
-
children: [(0, _react2.jsx)(_index.NavBarItemButton, {
|
148
|
-
key: "Certificates & Key Pairs",
|
149
|
-
id: "Certificates & Key Pairs"
|
150
|
-
}, "Certificates & Key Pairs"), (0, _react2.jsx)(_index.NavBarItemButton, {
|
151
|
-
key: "Domains",
|
152
|
-
id: "Domains"
|
153
|
-
}, "Domains")]
|
154
|
-
}];
|
155
|
-
var NavBarNextGenComponent = function NavBarNextGenComponent() {
|
156
|
-
var _useGetTheme = (0, _useGetTheme2["default"])(),
|
157
|
-
icons = _useGetTheme.icons;
|
158
|
-
return (0, _react2.jsx)(_index.NavBar, null, (0, _react2.jsx)(_index.Box, {
|
159
|
-
padding: "md",
|
160
|
-
key: "top-logo-parent"
|
161
|
-
}, icons.pingLogoHorizontalSmall), (0, _react2.jsx)(_index.Box, {
|
162
|
-
paddingBottom: "xl",
|
163
|
-
key: "first-section-container"
|
164
|
-
}, (0, _react2.jsx)(_index.NavBarItem, {
|
165
|
-
"data-id": "nav-bar-item",
|
166
|
-
icon: _ViewDashboardOutlineIcon["default"],
|
167
|
-
id: "Overview",
|
168
|
-
key: "Overview",
|
169
|
-
text: "Overview"
|
170
|
-
}), (0, _react2.jsx)(_index.NavBarSection, {
|
171
|
-
items: data,
|
172
|
-
"data-id": "nav-bar-section"
|
173
|
-
}), (0, _react2.jsx)(_index.Separator, {
|
174
|
-
variant: "separator.navBarSeparator"
|
175
|
-
}), (0, _react2.jsx)(_index.NavBarItem, {
|
176
|
-
"data-id": "nav-bar-item",
|
177
|
-
icon: _FileTreeIcon["default"],
|
178
|
-
id: "DaVinci",
|
179
|
-
key: "DaVinci",
|
180
|
-
text: "DaVinci"
|
181
|
-
}), (0, _react2.jsx)(_index.NavBarSection, {
|
182
|
-
items: secondData,
|
183
|
-
"data-id": "second-nav-bar-section"
|
184
|
-
}), (0, _react2.jsx)(_index.Separator, {
|
185
|
-
variant: "separator.navBarSeparator"
|
186
|
-
}), (0, _react2.jsx)(_index.NavBarSection, {
|
187
|
-
items: thirdData,
|
188
|
-
"data-id": "third-nav-bar-section"
|
189
|
-
})));
|
190
|
-
};
|
191
|
-
exports.NavBarNextGenComponent = NavBarNextGenComponent;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { NavBarNextGenComponent } from '../../styles/themes/next-gen/stories/NavBarNextGenComponent';
|
3
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
4
|
-
export default {
|
5
|
-
title: 'Onyx Recipes/NavBar'
|
6
|
-
};
|
7
|
-
export var Default = function Default() {
|
8
|
-
return ___EmotionJSX(NavBarNextGenComponent, null);
|
9
|
-
};
|
@@ -1,182 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import AccountCheckIcon from '@pingux/mdi-react/AccountCheckOutlineIcon';
|
3
|
-
import AccountMultipleOutlineIcon from '@pingux/mdi-react/AccountMultipleOutlineIcon';
|
4
|
-
import AppsIcon from '@pingux/mdi-react/AppsIcon';
|
5
|
-
import CheckCircleOutlineIcon from '@pingux/mdi-react/CheckCircleOutlineIcon';
|
6
|
-
import CodeTagsIcon from '@pingux/mdi-react/CodeTagsIcon';
|
7
|
-
import CogOutlineIcon from '@pingux/mdi-react/CogOutlineIcon';
|
8
|
-
import FileTreeIcon from '@pingux/mdi-react/FileTreeIcon';
|
9
|
-
import LayersOutlineIcon from '@pingux/mdi-react/LayersOutlineIcon';
|
10
|
-
import PaletteOutlineIcon from '@pingux/mdi-react/PaletteOutlineIcon';
|
11
|
-
import ShieldCheckOutlineIcon from '@pingux/mdi-react/ShieldCheckOutlineIcon';
|
12
|
-
import ShowChartIcon from '@pingux/mdi-react/ShowChartIcon';
|
13
|
-
import DashboardIcon from '@pingux/mdi-react/ViewDashboardOutlineIcon';
|
14
|
-
import WidgetsOutlineIcon from '@pingux/mdi-react/WidgetsOutlineIcon';
|
15
|
-
import useGetTheme from '../../../../hooks/useGetTheme';
|
16
|
-
import { Box, NavBar, NavBarItem, NavBarItemButton, NavBarSection, Separator } from '../../../../index';
|
17
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
18
|
-
var data = [{
|
19
|
-
'data-id': 'dashboard-data-id',
|
20
|
-
heading: 'Monitoring',
|
21
|
-
icon: ShowChartIcon,
|
22
|
-
key: 'Monitoring',
|
23
|
-
children: [___EmotionJSX(NavBarItemButton, {
|
24
|
-
key: "Dashboards",
|
25
|
-
id: "Dashboards"
|
26
|
-
}, "Dashboards"), ___EmotionJSX(NavBarItemButton, {
|
27
|
-
key: "Audit",
|
28
|
-
id: "Audit"
|
29
|
-
}, "Audits")]
|
30
|
-
}, {
|
31
|
-
'data-id': 'Directory-data-id',
|
32
|
-
heading: 'Directory',
|
33
|
-
icon: AccountMultipleOutlineIcon,
|
34
|
-
key: 'Directory',
|
35
|
-
children: [___EmotionJSX(NavBarItemButton, {
|
36
|
-
key: "Users",
|
37
|
-
id: "Users"
|
38
|
-
}, "Users"), ___EmotionJSX(NavBarItemButton, {
|
39
|
-
key: "Group",
|
40
|
-
id: "Group"
|
41
|
-
}, "Groups")]
|
42
|
-
}, {
|
43
|
-
'data-id': 'Applications-data-id',
|
44
|
-
heading: 'Applications',
|
45
|
-
icon: AppsIcon,
|
46
|
-
key: 'Applications',
|
47
|
-
children: [___EmotionJSX(NavBarItemButton, {
|
48
|
-
key: "Applications-sub",
|
49
|
-
id: "Applications-sub"
|
50
|
-
}, "Applications"), ___EmotionJSX(NavBarItemButton, {
|
51
|
-
key: "Resources",
|
52
|
-
id: "Resources"
|
53
|
-
}, "Resourcess")]
|
54
|
-
}];
|
55
|
-
var secondData = [{
|
56
|
-
'data-id': 'Authentication-data-id',
|
57
|
-
heading: 'Authentication',
|
58
|
-
icon: CheckCircleOutlineIcon,
|
59
|
-
key: 'Authentication',
|
60
|
-
children: [___EmotionJSX(NavBarItemButton, {
|
61
|
-
key: "Authentication-Policies",
|
62
|
-
id: "Authentication-Policies"
|
63
|
-
}, "Authentication Policies"), ___EmotionJSX(NavBarItemButton, {
|
64
|
-
key: "Password-Policies",
|
65
|
-
id: "Password-Policies"
|
66
|
-
}, "Password Policies")]
|
67
|
-
}, {
|
68
|
-
'data-id': 'Threat Protection-data-id',
|
69
|
-
heading: 'Threat Protection',
|
70
|
-
icon: ShieldCheckOutlineIcon,
|
71
|
-
key: 'Threat Protection',
|
72
|
-
children: [___EmotionJSX(NavBarItemButton, {
|
73
|
-
key: "Risk Policies",
|
74
|
-
id: "Risk Policies"
|
75
|
-
}, "Risk Policies"), ___EmotionJSX(NavBarItemButton, {
|
76
|
-
key: "Predictors",
|
77
|
-
id: "Predictors"
|
78
|
-
}, "Predictors")]
|
79
|
-
}, {
|
80
|
-
'data-id': 'Threat Protection-data-id',
|
81
|
-
heading: 'Identity Verification',
|
82
|
-
icon: LayersOutlineIcon,
|
83
|
-
key: 'Identity Verification',
|
84
|
-
children: [___EmotionJSX(NavBarItemButton, {
|
85
|
-
key: "Verify Policies",
|
86
|
-
id: "Verify Policies"
|
87
|
-
}, "Verify Policies")]
|
88
|
-
}, {
|
89
|
-
'data-id': 'Digital Credentials-data-id',
|
90
|
-
heading: 'Digital Credentials',
|
91
|
-
icon: CodeTagsIcon,
|
92
|
-
key: 'Digital Credentials',
|
93
|
-
children: [___EmotionJSX(NavBarItemButton, {
|
94
|
-
key: "Management",
|
95
|
-
id: "Management"
|
96
|
-
}, "Management")]
|
97
|
-
}, {
|
98
|
-
'data-id': 'Authorization-data-id',
|
99
|
-
heading: 'Authorization',
|
100
|
-
icon: AccountCheckIcon,
|
101
|
-
key: 'Authorization',
|
102
|
-
children: [___EmotionJSX(NavBarItemButton, {
|
103
|
-
key: "Trust Framework",
|
104
|
-
id: "Trust Framework"
|
105
|
-
}, "Trust Framework"), ___EmotionJSX(NavBarItemButton, {
|
106
|
-
key: "Policies",
|
107
|
-
id: "Policies"
|
108
|
-
}, "Policies")]
|
109
|
-
}];
|
110
|
-
var thirdData = [{
|
111
|
-
'data-id': 'Integrations-data-id',
|
112
|
-
heading: 'Integrations',
|
113
|
-
icon: WidgetsOutlineIcon,
|
114
|
-
key: 'Integrations',
|
115
|
-
children: [___EmotionJSX(NavBarItemButton, {
|
116
|
-
key: "External IDPs",
|
117
|
-
id: "External IDPs"
|
118
|
-
}, "External IDPs"), ___EmotionJSX(NavBarItemButton, {
|
119
|
-
key: "Provisioning",
|
120
|
-
id: "Provisioning"
|
121
|
-
}, "Provisioning")]
|
122
|
-
}, {
|
123
|
-
'data-id': 'User Experience-data-id',
|
124
|
-
heading: 'User Experience',
|
125
|
-
icon: PaletteOutlineIcon,
|
126
|
-
key: 'User Experience',
|
127
|
-
children: [___EmotionJSX(NavBarItemButton, {
|
128
|
-
key: "Notification Templates",
|
129
|
-
id: "Notification Templates"
|
130
|
-
}, "Notification Templates"), ___EmotionJSX(NavBarItemButton, {
|
131
|
-
key: "Notification Policies",
|
132
|
-
id: "Notification Policies"
|
133
|
-
}, "Notification Policies")]
|
134
|
-
}, {
|
135
|
-
'data-id': 'Settings-data-id',
|
136
|
-
heading: 'Settings',
|
137
|
-
icon: CogOutlineIcon,
|
138
|
-
key: 'Settings',
|
139
|
-
children: [___EmotionJSX(NavBarItemButton, {
|
140
|
-
key: "Certificates & Key Pairs",
|
141
|
-
id: "Certificates & Key Pairs"
|
142
|
-
}, "Certificates & Key Pairs"), ___EmotionJSX(NavBarItemButton, {
|
143
|
-
key: "Domains",
|
144
|
-
id: "Domains"
|
145
|
-
}, "Domains")]
|
146
|
-
}];
|
147
|
-
export var NavBarNextGenComponent = function NavBarNextGenComponent() {
|
148
|
-
var _useGetTheme = useGetTheme(),
|
149
|
-
icons = _useGetTheme.icons;
|
150
|
-
return ___EmotionJSX(NavBar, null, ___EmotionJSX(Box, {
|
151
|
-
padding: "md",
|
152
|
-
key: "top-logo-parent"
|
153
|
-
}, icons.pingLogoHorizontalSmall), ___EmotionJSX(Box, {
|
154
|
-
paddingBottom: "xl",
|
155
|
-
key: "first-section-container"
|
156
|
-
}, ___EmotionJSX(NavBarItem, {
|
157
|
-
"data-id": "nav-bar-item",
|
158
|
-
icon: DashboardIcon,
|
159
|
-
id: "Overview",
|
160
|
-
key: "Overview",
|
161
|
-
text: "Overview"
|
162
|
-
}), ___EmotionJSX(NavBarSection, {
|
163
|
-
items: data,
|
164
|
-
"data-id": "nav-bar-section"
|
165
|
-
}), ___EmotionJSX(Separator, {
|
166
|
-
variant: "separator.navBarSeparator"
|
167
|
-
}), ___EmotionJSX(NavBarItem, {
|
168
|
-
"data-id": "nav-bar-item",
|
169
|
-
icon: FileTreeIcon,
|
170
|
-
id: "DaVinci",
|
171
|
-
key: "DaVinci",
|
172
|
-
text: "DaVinci"
|
173
|
-
}), ___EmotionJSX(NavBarSection, {
|
174
|
-
items: secondData,
|
175
|
-
"data-id": "second-nav-bar-section"
|
176
|
-
}), ___EmotionJSX(Separator, {
|
177
|
-
variant: "separator.navBarSeparator"
|
178
|
-
}), ___EmotionJSX(NavBarSection, {
|
179
|
-
items: thirdData,
|
180
|
-
"data-id": "third-nav-bar-section"
|
181
|
-
})));
|
182
|
-
};
|
/package/lib/cjs/{styles/themes/next-gen → components/NavBar}/stories/NavBarNextGenComponent.d.ts
RENAMED
File without changes
|
File without changes
|
File without changes
|