@commercetools-frontend/application-components 21.21.0 → 21.21.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/dist/commercetools-frontend-application-components.cjs.dev.js +42 -5
- package/dist/commercetools-frontend-application-components.cjs.prod.js +42 -5
- package/dist/commercetools-frontend-application-components.esm.js +42 -5
- package/dist/declarations/src/theming.d.ts +35 -3
- package/dist/{public-page-layout-39006bbd.cjs.prod.js → public-page-layout-8489cd86.cjs.prod.js} +0 -0
- package/dist/{public-page-layout-0147084b.esm.js → public-page-layout-b59d3d28.esm.js} +0 -0
- package/dist/{public-page-layout-5625ef60.cjs.dev.js → public-page-layout-ef17c422.cjs.dev.js} +0 -0
- package/package.json +6 -6
|
@@ -88,27 +88,46 @@ var useLatest__default = /*#__PURE__*/_interopDefault(useLatest);
|
|
|
88
88
|
var rafSchd__default = /*#__PURE__*/_interopDefault(rafSchd);
|
|
89
89
|
|
|
90
90
|
// NOTE: This string will be replaced on build time with the package version.
|
|
91
|
-
var version = "21.21.
|
|
91
|
+
var version = "21.21.2";
|
|
92
92
|
|
|
93
93
|
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12;
|
|
94
|
-
var appKitSpacing55 = '40px';
|
|
94
|
+
var appKitSpacing55 = '40px'; // TODO: move to uikit?
|
|
95
|
+
|
|
96
|
+
var colorAccent10 = 'hsl(195, 35.2941176471%, 10%)';
|
|
97
|
+
var colorAccent20 = 'hsl(195, 35.2941176471%, 20%)';
|
|
98
|
+
var colorAccent90 = 'hsl(195, 35.2941176471%, 90%)';
|
|
99
|
+
var newShadow1 = '0px 2px 5px 0px rgba(0, 0, 0, 0.15)';
|
|
95
100
|
var themesOverrides = {
|
|
96
101
|
default: {
|
|
97
102
|
colorForPageHeaderBottomBorder: designSystem.designTokens.colorNeutral,
|
|
103
|
+
colorForNavbarIcon: designSystem.designTokens.colorSurface,
|
|
104
|
+
colorForNavbarIconWhenActive: designSystem.designTokens.colorPrimary,
|
|
105
|
+
colorForNavbarLink: designSystem.designTokens.colorSurface,
|
|
106
|
+
colorForNavbarLinkWhenActive: designSystem.designTokens.colorPrimary,
|
|
107
|
+
colorForNavbarLinkWhenHovered: designSystem.designTokens.colorPrimary,
|
|
98
108
|
backgroundColorForMainPageDivider: designSystem.designTokens.colorNeutral60,
|
|
109
|
+
backgroundColorForNavbar: designSystem.designTokens.colorAccent,
|
|
110
|
+
backgroundColorForNavbarWhenActive: designSystem.designTokens.colorAccent30,
|
|
111
|
+
backgroundColorForNavbarWhenHovered: designSystem.designTokens.colorAccent30,
|
|
99
112
|
backgroundColorForPageHeader: designSystem.designTokens.colorNeutral95,
|
|
100
113
|
backgroundColorForTabularMainPageContent: designSystem.designTokens.colorNeutral95,
|
|
114
|
+
backgroundColorForUserMenuItemWhenHovered: designSystem.designTokens.colorNeutral90,
|
|
101
115
|
borderBottomForTabularPageHeader: "1px solid ".concat(designSystem.designTokens.colorNeutral),
|
|
102
116
|
borderColorForDialogDivider: designSystem.designTokens.colorNeutral,
|
|
103
117
|
borderColorForModalPageHeaderDivider: designSystem.designTokens.colorNeutral60,
|
|
104
118
|
borderColorForModalTopBarWhenSurface: designSystem.designTokens.colorNeutral,
|
|
105
|
-
|
|
119
|
+
fontSizeForNavbarLink: designSystem.designTokens.fontSize40,
|
|
120
|
+
fontWeightForNavbarLink: designSystem.designTokens.fontWeight500,
|
|
121
|
+
fontWeightForNavbarLinkWhenActive: designSystem.designTokens.fontWeight500,
|
|
122
|
+
fontWeightForNavbarLinkWhenHovered: designSystem.designTokens.fontWeight500,
|
|
106
123
|
heightForTab: '4px',
|
|
107
124
|
lineHeightForNavBarLink: designSystem.designTokens.lineHeight50,
|
|
108
125
|
marginBottomForPageTopBar: designSystem.designTokens.spacing20,
|
|
109
126
|
marginForDialogContainerContents: "".concat(designSystem.designTokens.spacing30, " 0"),
|
|
110
127
|
marginForModalPageHeader: "0 ".concat(designSystem.designTokens.spacing30),
|
|
128
|
+
marginForUserMenuItem: '0',
|
|
111
129
|
marginLeftForModalPageHeaderControls: designSystem.designTokens.spacing30,
|
|
130
|
+
marginRightForAppbar: designSystem.designTokens.spacing30,
|
|
112
131
|
marginTopForDialogFooter: designSystem.designTokens.spacing30,
|
|
113
132
|
marginTopForPageSubtitle: designSystem.designTokens.spacing30,
|
|
114
133
|
marginTopForTabControls: designSystem.designTokens.spacing20,
|
|
@@ -121,26 +140,42 @@ var themesOverrides = {
|
|
|
121
140
|
paddingForPageContent: designSystem.designTokens.spacing30,
|
|
122
141
|
paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.spacing30, " ")).call(_context3, designSystem.designTokens.spacing30, " 0"),
|
|
123
142
|
paddingLeftForTabAsFirst: '0',
|
|
143
|
+
shadowForAppbar: designSystem.designTokens.shadow1,
|
|
144
|
+
shadowForNavbar: '6px 0 10px rgba(0, 0, 0, 0.16)',
|
|
124
145
|
widthForDialogAsMedium: designSystem.designTokens.constraint7,
|
|
125
146
|
widthForDialogAsLarge: designSystem.designTokens.constraint10,
|
|
126
147
|
widthForPageLayoutContentColumn: "calc(".concat(designSystem.designTokens.constraint15, " / 2)")
|
|
127
148
|
},
|
|
128
149
|
test: {
|
|
129
150
|
colorForPageHeaderBottomBorder: designSystem.designTokens.colorNeutral90,
|
|
151
|
+
colorForNavbarIcon: colorAccent90,
|
|
152
|
+
colorForNavbarIconWhenActive: designSystem.designTokens.colorSurface,
|
|
153
|
+
colorForNavbarLink: designSystem.designTokens.colorNeutral,
|
|
154
|
+
colorForNavbarLinkWhenActive: designSystem.designTokens.colorSurface,
|
|
155
|
+
colorForNavbarLinkWhenHovered: designSystem.designTokens.colorSurface,
|
|
130
156
|
backgroundColorForMainPageDivider: designSystem.designTokens.colorNeutral90,
|
|
157
|
+
backgroundColorForNavbar: colorAccent10,
|
|
158
|
+
backgroundColorForNavbarWhenActive: colorAccent20,
|
|
159
|
+
backgroundColorForNavbarWhenHovered: colorAccent20,
|
|
131
160
|
backgroundColorForPageHeader: designSystem.designTokens.colorSurface,
|
|
132
161
|
backgroundColorForTabularMainPageContent: designSystem.designTokens.colorSurface,
|
|
162
|
+
backgroundColorForUserMenuItemWhenHovered: designSystem.designTokens.colorNeutral95,
|
|
133
163
|
borderBottomForTabularPageHeader: "1px solid ".concat(designSystem.designTokens.colorNeutral90),
|
|
134
164
|
borderColorForDialogDivider: designSystem.designTokens.colorNeutral90,
|
|
135
165
|
borderColorForModalPageHeaderDivider: designSystem.designTokens.colorNeutral90,
|
|
136
166
|
borderColorForModalTopBarWhenSurface: designSystem.designTokens.colorSurface,
|
|
137
|
-
|
|
167
|
+
fontSizeForNavbarLink: designSystem.designTokens.fontSize20,
|
|
168
|
+
fontWeightForNavbarLink: designSystem.designTokens.fontWeight400,
|
|
169
|
+
fontWeightForNavbarLinkWhenActive: designSystem.designTokens.fontWeight600,
|
|
170
|
+
fontWeightForNavbarLinkWhenHovered: designSystem.designTokens.fontWeight600,
|
|
138
171
|
heightForTab: '2px',
|
|
139
172
|
lineHeightForNavBarLink: designSystem.designTokens.lineHeight20,
|
|
140
173
|
marginBottomForPageTopBar: designSystem.designTokens.spacing40,
|
|
141
174
|
marginForDialogContainerContents: _concatInstanceProperty__default["default"](_context4 = "".concat(designSystem.designTokens.spacing30, " 0 ")).call(_context4, designSystem.designTokens.spacing50, " 0"),
|
|
142
175
|
marginForModalPageHeader: "0 ".concat(appKitSpacing55),
|
|
176
|
+
marginForUserMenuItem: "".concat(designSystem.designTokens.spacing10, " 0"),
|
|
143
177
|
marginLeftForModalPageHeaderControls: designSystem.designTokens.spacing50,
|
|
178
|
+
marginRightForAppbar: appKitSpacing55,
|
|
144
179
|
marginTopForDialogFooter: designSystem.designTokens.spacing50,
|
|
145
180
|
marginTopForPageSubtitle: designSystem.designTokens.spacing20,
|
|
146
181
|
marginTopForTabControls: designSystem.designTokens.spacing40,
|
|
@@ -153,6 +188,8 @@ var themesOverrides = {
|
|
|
153
188
|
paddingForPageContent: _concatInstanceProperty__default["default"](_context11 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context11, appKitSpacing55),
|
|
154
189
|
paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context12 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context12, appKitSpacing55, " 0"),
|
|
155
190
|
paddingLeftForTabAsFirst: designSystem.designTokens.spacing30,
|
|
191
|
+
shadowForAppbar: newShadow1,
|
|
192
|
+
shadowForNavbar: 'none',
|
|
156
193
|
widthForDialogAsMedium: designSystem.designTokens.constraint9,
|
|
157
194
|
widthForDialogAsLarge: designSystem.designTokens.constraint13,
|
|
158
195
|
widthForPageLayoutContentColumn: "calc(".concat(designSystem.designTokens.constraint16, " / 2)")
|
|
@@ -1810,7 +1847,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle; // This is a convenience pr
|
|
|
1810
1847
|
TabularDetailPage.Intl = i18n.sharedMessages;
|
|
1811
1848
|
|
|
1812
1849
|
var PublicPageLayout = /*#__PURE__*/react$1.lazy(function () {
|
|
1813
|
-
return Promise.resolve().then(function () { return require('./public-page-layout-
|
|
1850
|
+
return Promise.resolve().then(function () { return require('./public-page-layout-ef17c422.cjs.dev.js'
|
|
1814
1851
|
/* webpackChunkName: "public-page-layout" */
|
|
1815
1852
|
); });
|
|
1816
1853
|
});
|
|
@@ -87,27 +87,46 @@ var useLatest__default = /*#__PURE__*/_interopDefault(useLatest);
|
|
|
87
87
|
var rafSchd__default = /*#__PURE__*/_interopDefault(rafSchd);
|
|
88
88
|
|
|
89
89
|
// NOTE: This string will be replaced on build time with the package version.
|
|
90
|
-
var version = "21.21.
|
|
90
|
+
var version = "21.21.2";
|
|
91
91
|
|
|
92
92
|
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12;
|
|
93
|
-
var appKitSpacing55 = '40px';
|
|
93
|
+
var appKitSpacing55 = '40px'; // TODO: move to uikit?
|
|
94
|
+
|
|
95
|
+
var colorAccent10 = 'hsl(195, 35.2941176471%, 10%)';
|
|
96
|
+
var colorAccent20 = 'hsl(195, 35.2941176471%, 20%)';
|
|
97
|
+
var colorAccent90 = 'hsl(195, 35.2941176471%, 90%)';
|
|
98
|
+
var newShadow1 = '0px 2px 5px 0px rgba(0, 0, 0, 0.15)';
|
|
94
99
|
var themesOverrides = {
|
|
95
100
|
default: {
|
|
96
101
|
colorForPageHeaderBottomBorder: designSystem.designTokens.colorNeutral,
|
|
102
|
+
colorForNavbarIcon: designSystem.designTokens.colorSurface,
|
|
103
|
+
colorForNavbarIconWhenActive: designSystem.designTokens.colorPrimary,
|
|
104
|
+
colorForNavbarLink: designSystem.designTokens.colorSurface,
|
|
105
|
+
colorForNavbarLinkWhenActive: designSystem.designTokens.colorPrimary,
|
|
106
|
+
colorForNavbarLinkWhenHovered: designSystem.designTokens.colorPrimary,
|
|
97
107
|
backgroundColorForMainPageDivider: designSystem.designTokens.colorNeutral60,
|
|
108
|
+
backgroundColorForNavbar: designSystem.designTokens.colorAccent,
|
|
109
|
+
backgroundColorForNavbarWhenActive: designSystem.designTokens.colorAccent30,
|
|
110
|
+
backgroundColorForNavbarWhenHovered: designSystem.designTokens.colorAccent30,
|
|
98
111
|
backgroundColorForPageHeader: designSystem.designTokens.colorNeutral95,
|
|
99
112
|
backgroundColorForTabularMainPageContent: designSystem.designTokens.colorNeutral95,
|
|
113
|
+
backgroundColorForUserMenuItemWhenHovered: designSystem.designTokens.colorNeutral90,
|
|
100
114
|
borderBottomForTabularPageHeader: "1px solid ".concat(designSystem.designTokens.colorNeutral),
|
|
101
115
|
borderColorForDialogDivider: designSystem.designTokens.colorNeutral,
|
|
102
116
|
borderColorForModalPageHeaderDivider: designSystem.designTokens.colorNeutral60,
|
|
103
117
|
borderColorForModalTopBarWhenSurface: designSystem.designTokens.colorNeutral,
|
|
104
|
-
|
|
118
|
+
fontSizeForNavbarLink: designSystem.designTokens.fontSize40,
|
|
119
|
+
fontWeightForNavbarLink: designSystem.designTokens.fontWeight500,
|
|
120
|
+
fontWeightForNavbarLinkWhenActive: designSystem.designTokens.fontWeight500,
|
|
121
|
+
fontWeightForNavbarLinkWhenHovered: designSystem.designTokens.fontWeight500,
|
|
105
122
|
heightForTab: '4px',
|
|
106
123
|
lineHeightForNavBarLink: designSystem.designTokens.lineHeight50,
|
|
107
124
|
marginBottomForPageTopBar: designSystem.designTokens.spacing20,
|
|
108
125
|
marginForDialogContainerContents: "".concat(designSystem.designTokens.spacing30, " 0"),
|
|
109
126
|
marginForModalPageHeader: "0 ".concat(designSystem.designTokens.spacing30),
|
|
127
|
+
marginForUserMenuItem: '0',
|
|
110
128
|
marginLeftForModalPageHeaderControls: designSystem.designTokens.spacing30,
|
|
129
|
+
marginRightForAppbar: designSystem.designTokens.spacing30,
|
|
111
130
|
marginTopForDialogFooter: designSystem.designTokens.spacing30,
|
|
112
131
|
marginTopForPageSubtitle: designSystem.designTokens.spacing30,
|
|
113
132
|
marginTopForTabControls: designSystem.designTokens.spacing20,
|
|
@@ -120,26 +139,42 @@ var themesOverrides = {
|
|
|
120
139
|
paddingForPageContent: designSystem.designTokens.spacing30,
|
|
121
140
|
paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.spacing30, " ")).call(_context3, designSystem.designTokens.spacing30, " 0"),
|
|
122
141
|
paddingLeftForTabAsFirst: '0',
|
|
142
|
+
shadowForAppbar: designSystem.designTokens.shadow1,
|
|
143
|
+
shadowForNavbar: '6px 0 10px rgba(0, 0, 0, 0.16)',
|
|
123
144
|
widthForDialogAsMedium: designSystem.designTokens.constraint7,
|
|
124
145
|
widthForDialogAsLarge: designSystem.designTokens.constraint10,
|
|
125
146
|
widthForPageLayoutContentColumn: "calc(".concat(designSystem.designTokens.constraint15, " / 2)")
|
|
126
147
|
},
|
|
127
148
|
test: {
|
|
128
149
|
colorForPageHeaderBottomBorder: designSystem.designTokens.colorNeutral90,
|
|
150
|
+
colorForNavbarIcon: colorAccent90,
|
|
151
|
+
colorForNavbarIconWhenActive: designSystem.designTokens.colorSurface,
|
|
152
|
+
colorForNavbarLink: designSystem.designTokens.colorNeutral,
|
|
153
|
+
colorForNavbarLinkWhenActive: designSystem.designTokens.colorSurface,
|
|
154
|
+
colorForNavbarLinkWhenHovered: designSystem.designTokens.colorSurface,
|
|
129
155
|
backgroundColorForMainPageDivider: designSystem.designTokens.colorNeutral90,
|
|
156
|
+
backgroundColorForNavbar: colorAccent10,
|
|
157
|
+
backgroundColorForNavbarWhenActive: colorAccent20,
|
|
158
|
+
backgroundColorForNavbarWhenHovered: colorAccent20,
|
|
130
159
|
backgroundColorForPageHeader: designSystem.designTokens.colorSurface,
|
|
131
160
|
backgroundColorForTabularMainPageContent: designSystem.designTokens.colorSurface,
|
|
161
|
+
backgroundColorForUserMenuItemWhenHovered: designSystem.designTokens.colorNeutral95,
|
|
132
162
|
borderBottomForTabularPageHeader: "1px solid ".concat(designSystem.designTokens.colorNeutral90),
|
|
133
163
|
borderColorForDialogDivider: designSystem.designTokens.colorNeutral90,
|
|
134
164
|
borderColorForModalPageHeaderDivider: designSystem.designTokens.colorNeutral90,
|
|
135
165
|
borderColorForModalTopBarWhenSurface: designSystem.designTokens.colorSurface,
|
|
136
|
-
|
|
166
|
+
fontSizeForNavbarLink: designSystem.designTokens.fontSize20,
|
|
167
|
+
fontWeightForNavbarLink: designSystem.designTokens.fontWeight400,
|
|
168
|
+
fontWeightForNavbarLinkWhenActive: designSystem.designTokens.fontWeight600,
|
|
169
|
+
fontWeightForNavbarLinkWhenHovered: designSystem.designTokens.fontWeight600,
|
|
137
170
|
heightForTab: '2px',
|
|
138
171
|
lineHeightForNavBarLink: designSystem.designTokens.lineHeight20,
|
|
139
172
|
marginBottomForPageTopBar: designSystem.designTokens.spacing40,
|
|
140
173
|
marginForDialogContainerContents: _concatInstanceProperty__default["default"](_context4 = "".concat(designSystem.designTokens.spacing30, " 0 ")).call(_context4, designSystem.designTokens.spacing50, " 0"),
|
|
141
174
|
marginForModalPageHeader: "0 ".concat(appKitSpacing55),
|
|
175
|
+
marginForUserMenuItem: "".concat(designSystem.designTokens.spacing10, " 0"),
|
|
142
176
|
marginLeftForModalPageHeaderControls: designSystem.designTokens.spacing50,
|
|
177
|
+
marginRightForAppbar: appKitSpacing55,
|
|
143
178
|
marginTopForDialogFooter: designSystem.designTokens.spacing50,
|
|
144
179
|
marginTopForPageSubtitle: designSystem.designTokens.spacing20,
|
|
145
180
|
marginTopForTabControls: designSystem.designTokens.spacing40,
|
|
@@ -152,6 +187,8 @@ var themesOverrides = {
|
|
|
152
187
|
paddingForPageContent: _concatInstanceProperty__default["default"](_context11 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context11, appKitSpacing55),
|
|
153
188
|
paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context12 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context12, appKitSpacing55, " 0"),
|
|
154
189
|
paddingLeftForTabAsFirst: designSystem.designTokens.spacing30,
|
|
190
|
+
shadowForAppbar: newShadow1,
|
|
191
|
+
shadowForNavbar: 'none',
|
|
155
192
|
widthForDialogAsMedium: designSystem.designTokens.constraint9,
|
|
156
193
|
widthForDialogAsLarge: designSystem.designTokens.constraint13,
|
|
157
194
|
widthForPageLayoutContentColumn: "calc(".concat(designSystem.designTokens.constraint16, " / 2)")
|
|
@@ -1366,7 +1403,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle; // This is a convenience pr
|
|
|
1366
1403
|
TabularDetailPage.Intl = i18n.sharedMessages;
|
|
1367
1404
|
|
|
1368
1405
|
var PublicPageLayout = /*#__PURE__*/react$1.lazy(function () {
|
|
1369
|
-
return Promise.resolve().then(function () { return require('./public-page-layout-
|
|
1406
|
+
return Promise.resolve().then(function () { return require('./public-page-layout-8489cd86.cjs.prod.js'
|
|
1370
1407
|
/* webpackChunkName: "public-page-layout" */
|
|
1371
1408
|
); });
|
|
1372
1409
|
});
|
|
@@ -47,27 +47,46 @@ import useLatest from '@react-hook/latest';
|
|
|
47
47
|
import rafSchd from 'raf-schd';
|
|
48
48
|
|
|
49
49
|
// NOTE: This string will be replaced on build time with the package version.
|
|
50
|
-
var version = "21.21.
|
|
50
|
+
var version = "21.21.2";
|
|
51
51
|
|
|
52
52
|
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12;
|
|
53
|
-
var appKitSpacing55 = '40px';
|
|
53
|
+
var appKitSpacing55 = '40px'; // TODO: move to uikit?
|
|
54
|
+
|
|
55
|
+
var colorAccent10 = 'hsl(195, 35.2941176471%, 10%)';
|
|
56
|
+
var colorAccent20 = 'hsl(195, 35.2941176471%, 20%)';
|
|
57
|
+
var colorAccent90 = 'hsl(195, 35.2941176471%, 90%)';
|
|
58
|
+
var newShadow1 = '0px 2px 5px 0px rgba(0, 0, 0, 0.15)';
|
|
54
59
|
var themesOverrides = {
|
|
55
60
|
default: {
|
|
56
61
|
colorForPageHeaderBottomBorder: designTokens$1.colorNeutral,
|
|
62
|
+
colorForNavbarIcon: designTokens$1.colorSurface,
|
|
63
|
+
colorForNavbarIconWhenActive: designTokens$1.colorPrimary,
|
|
64
|
+
colorForNavbarLink: designTokens$1.colorSurface,
|
|
65
|
+
colorForNavbarLinkWhenActive: designTokens$1.colorPrimary,
|
|
66
|
+
colorForNavbarLinkWhenHovered: designTokens$1.colorPrimary,
|
|
57
67
|
backgroundColorForMainPageDivider: designTokens$1.colorNeutral60,
|
|
68
|
+
backgroundColorForNavbar: designTokens$1.colorAccent,
|
|
69
|
+
backgroundColorForNavbarWhenActive: designTokens$1.colorAccent30,
|
|
70
|
+
backgroundColorForNavbarWhenHovered: designTokens$1.colorAccent30,
|
|
58
71
|
backgroundColorForPageHeader: designTokens$1.colorNeutral95,
|
|
59
72
|
backgroundColorForTabularMainPageContent: designTokens$1.colorNeutral95,
|
|
73
|
+
backgroundColorForUserMenuItemWhenHovered: designTokens$1.colorNeutral90,
|
|
60
74
|
borderBottomForTabularPageHeader: "1px solid ".concat(designTokens$1.colorNeutral),
|
|
61
75
|
borderColorForDialogDivider: designTokens$1.colorNeutral,
|
|
62
76
|
borderColorForModalPageHeaderDivider: designTokens$1.colorNeutral60,
|
|
63
77
|
borderColorForModalTopBarWhenSurface: designTokens$1.colorNeutral,
|
|
64
|
-
|
|
78
|
+
fontSizeForNavbarLink: designTokens$1.fontSize40,
|
|
79
|
+
fontWeightForNavbarLink: designTokens$1.fontWeight500,
|
|
80
|
+
fontWeightForNavbarLinkWhenActive: designTokens$1.fontWeight500,
|
|
81
|
+
fontWeightForNavbarLinkWhenHovered: designTokens$1.fontWeight500,
|
|
65
82
|
heightForTab: '4px',
|
|
66
83
|
lineHeightForNavBarLink: designTokens$1.lineHeight50,
|
|
67
84
|
marginBottomForPageTopBar: designTokens$1.spacing20,
|
|
68
85
|
marginForDialogContainerContents: "".concat(designTokens$1.spacing30, " 0"),
|
|
69
86
|
marginForModalPageHeader: "0 ".concat(designTokens$1.spacing30),
|
|
87
|
+
marginForUserMenuItem: '0',
|
|
70
88
|
marginLeftForModalPageHeaderControls: designTokens$1.spacing30,
|
|
89
|
+
marginRightForAppbar: designTokens$1.spacing30,
|
|
71
90
|
marginTopForDialogFooter: designTokens$1.spacing30,
|
|
72
91
|
marginTopForPageSubtitle: designTokens$1.spacing30,
|
|
73
92
|
marginTopForTabControls: designTokens$1.spacing20,
|
|
@@ -80,26 +99,42 @@ var themesOverrides = {
|
|
|
80
99
|
paddingForPageContent: designTokens$1.spacing30,
|
|
81
100
|
paddingForTabularPageHeader: _concatInstanceProperty(_context3 = "".concat(designTokens$1.spacing30, " ")).call(_context3, designTokens$1.spacing30, " 0"),
|
|
82
101
|
paddingLeftForTabAsFirst: '0',
|
|
102
|
+
shadowForAppbar: designTokens$1.shadow1,
|
|
103
|
+
shadowForNavbar: '6px 0 10px rgba(0, 0, 0, 0.16)',
|
|
83
104
|
widthForDialogAsMedium: designTokens$1.constraint7,
|
|
84
105
|
widthForDialogAsLarge: designTokens$1.constraint10,
|
|
85
106
|
widthForPageLayoutContentColumn: "calc(".concat(designTokens$1.constraint15, " / 2)")
|
|
86
107
|
},
|
|
87
108
|
test: {
|
|
88
109
|
colorForPageHeaderBottomBorder: designTokens$1.colorNeutral90,
|
|
110
|
+
colorForNavbarIcon: colorAccent90,
|
|
111
|
+
colorForNavbarIconWhenActive: designTokens$1.colorSurface,
|
|
112
|
+
colorForNavbarLink: designTokens$1.colorNeutral,
|
|
113
|
+
colorForNavbarLinkWhenActive: designTokens$1.colorSurface,
|
|
114
|
+
colorForNavbarLinkWhenHovered: designTokens$1.colorSurface,
|
|
89
115
|
backgroundColorForMainPageDivider: designTokens$1.colorNeutral90,
|
|
116
|
+
backgroundColorForNavbar: colorAccent10,
|
|
117
|
+
backgroundColorForNavbarWhenActive: colorAccent20,
|
|
118
|
+
backgroundColorForNavbarWhenHovered: colorAccent20,
|
|
90
119
|
backgroundColorForPageHeader: designTokens$1.colorSurface,
|
|
91
120
|
backgroundColorForTabularMainPageContent: designTokens$1.colorSurface,
|
|
121
|
+
backgroundColorForUserMenuItemWhenHovered: designTokens$1.colorNeutral95,
|
|
92
122
|
borderBottomForTabularPageHeader: "1px solid ".concat(designTokens$1.colorNeutral90),
|
|
93
123
|
borderColorForDialogDivider: designTokens$1.colorNeutral90,
|
|
94
124
|
borderColorForModalPageHeaderDivider: designTokens$1.colorNeutral90,
|
|
95
125
|
borderColorForModalTopBarWhenSurface: designTokens$1.colorSurface,
|
|
96
|
-
|
|
126
|
+
fontSizeForNavbarLink: designTokens$1.fontSize20,
|
|
127
|
+
fontWeightForNavbarLink: designTokens$1.fontWeight400,
|
|
128
|
+
fontWeightForNavbarLinkWhenActive: designTokens$1.fontWeight600,
|
|
129
|
+
fontWeightForNavbarLinkWhenHovered: designTokens$1.fontWeight600,
|
|
97
130
|
heightForTab: '2px',
|
|
98
131
|
lineHeightForNavBarLink: designTokens$1.lineHeight20,
|
|
99
132
|
marginBottomForPageTopBar: designTokens$1.spacing40,
|
|
100
133
|
marginForDialogContainerContents: _concatInstanceProperty(_context4 = "".concat(designTokens$1.spacing30, " 0 ")).call(_context4, designTokens$1.spacing50, " 0"),
|
|
101
134
|
marginForModalPageHeader: "0 ".concat(appKitSpacing55),
|
|
135
|
+
marginForUserMenuItem: "".concat(designTokens$1.spacing10, " 0"),
|
|
102
136
|
marginLeftForModalPageHeaderControls: designTokens$1.spacing50,
|
|
137
|
+
marginRightForAppbar: appKitSpacing55,
|
|
103
138
|
marginTopForDialogFooter: designTokens$1.spacing50,
|
|
104
139
|
marginTopForPageSubtitle: designTokens$1.spacing20,
|
|
105
140
|
marginTopForTabControls: designTokens$1.spacing40,
|
|
@@ -112,6 +147,8 @@ var themesOverrides = {
|
|
|
112
147
|
paddingForPageContent: _concatInstanceProperty(_context11 = "".concat(designTokens$1.spacing50, " ")).call(_context11, appKitSpacing55),
|
|
113
148
|
paddingForTabularPageHeader: _concatInstanceProperty(_context12 = "".concat(designTokens$1.spacing40, " ")).call(_context12, appKitSpacing55, " 0"),
|
|
114
149
|
paddingLeftForTabAsFirst: designTokens$1.spacing30,
|
|
150
|
+
shadowForAppbar: newShadow1,
|
|
151
|
+
shadowForNavbar: 'none',
|
|
115
152
|
widthForDialogAsMedium: designTokens$1.constraint9,
|
|
116
153
|
widthForDialogAsLarge: designTokens$1.constraint13,
|
|
117
154
|
widthForPageLayoutContentColumn: "calc(".concat(designTokens$1.constraint16, " / 2)")
|
|
@@ -1769,7 +1806,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle; // This is a convenience pr
|
|
|
1769
1806
|
TabularDetailPage.Intl = sharedMessages;
|
|
1770
1807
|
|
|
1771
1808
|
var PublicPageLayout = /*#__PURE__*/lazy(function () {
|
|
1772
|
-
return import('./public-page-layout-
|
|
1809
|
+
return import('./public-page-layout-b59d3d28.esm.js'
|
|
1773
1810
|
/* webpackChunkName: "public-page-layout" */
|
|
1774
1811
|
);
|
|
1775
1812
|
});
|
|
@@ -1,20 +1,34 @@
|
|
|
1
1
|
export declare const themesOverrides: {
|
|
2
2
|
default: {
|
|
3
3
|
colorForPageHeaderBottomBorder: "var(--color-neutral, #ccc)";
|
|
4
|
+
colorForNavbarIcon: "var(--color-surface, #fff)";
|
|
5
|
+
colorForNavbarIconWhenActive: "var(--color-primary, #00b39e)";
|
|
6
|
+
colorForNavbarLink: "var(--color-surface, #fff)";
|
|
7
|
+
colorForNavbarLinkWhenActive: "var(--color-primary, #00b39e)";
|
|
8
|
+
colorForNavbarLinkWhenHovered: "var(--color-primary, #00b39e)";
|
|
4
9
|
backgroundColorForMainPageDivider: "var(--color-neutral-60, hsl(0, 0%, 60%))";
|
|
10
|
+
backgroundColorForNavbar: "var(--color-accent, #213c45)";
|
|
11
|
+
backgroundColorForNavbarWhenActive: "var(--color-accent-30, hsl(195, 35.2941176471%, 30%))";
|
|
12
|
+
backgroundColorForNavbarWhenHovered: "var(--color-accent-30, hsl(195, 35.2941176471%, 30%))";
|
|
5
13
|
backgroundColorForPageHeader: "var(--color-neutral-95, hsl(0, 0%, 95%))";
|
|
6
14
|
backgroundColorForTabularMainPageContent: "var(--color-neutral-95, hsl(0, 0%, 95%))";
|
|
15
|
+
backgroundColorForUserMenuItemWhenHovered: "var(--color-neutral-90, hsl(0, 0%, 90%))";
|
|
7
16
|
borderBottomForTabularPageHeader: string;
|
|
8
17
|
borderColorForDialogDivider: "var(--color-neutral, #ccc)";
|
|
9
18
|
borderColorForModalPageHeaderDivider: "var(--color-neutral-60, hsl(0, 0%, 60%))";
|
|
10
19
|
borderColorForModalTopBarWhenSurface: "var(--color-neutral, #ccc)";
|
|
11
|
-
|
|
20
|
+
fontSizeForNavbarLink: "var(--font-size-40, 1.125rem)";
|
|
21
|
+
fontWeightForNavbarLink: "var(--font-weight-500, 500)";
|
|
22
|
+
fontWeightForNavbarLinkWhenActive: "var(--font-weight-500, 500)";
|
|
23
|
+
fontWeightForNavbarLinkWhenHovered: "var(--font-weight-500, 500)";
|
|
12
24
|
heightForTab: string;
|
|
13
25
|
lineHeightForNavBarLink: "var(--line-height-50, 1.75rem)";
|
|
14
26
|
marginBottomForPageTopBar: "var(--spacing-20, 8px)";
|
|
15
27
|
marginForDialogContainerContents: string;
|
|
16
28
|
marginForModalPageHeader: string;
|
|
29
|
+
marginForUserMenuItem: string;
|
|
17
30
|
marginLeftForModalPageHeaderControls: "var(--spacing-30, 16px)";
|
|
31
|
+
marginRightForAppbar: "var(--spacing-30, 16px)";
|
|
18
32
|
marginTopForDialogFooter: "var(--spacing-30, 16px)";
|
|
19
33
|
marginTopForPageSubtitle: "var(--spacing-30, 16px)";
|
|
20
34
|
marginTopForTabControls: "var(--spacing-20, 8px)";
|
|
@@ -27,26 +41,42 @@ export declare const themesOverrides: {
|
|
|
27
41
|
paddingForPageContent: "var(--spacing-30, 16px)";
|
|
28
42
|
paddingForTabularPageHeader: string;
|
|
29
43
|
paddingLeftForTabAsFirst: string;
|
|
44
|
+
shadowForAppbar: "var(--shadow-1, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))";
|
|
45
|
+
shadowForNavbar: string;
|
|
30
46
|
widthForDialogAsMedium: "var(--constraint-7, 342px)";
|
|
31
47
|
widthForDialogAsLarge: "var(--constraint-10, 484px)";
|
|
32
48
|
widthForPageLayoutContentColumn: string;
|
|
33
49
|
};
|
|
34
50
|
test: {
|
|
35
51
|
colorForPageHeaderBottomBorder: "var(--color-neutral-90, hsl(0, 0%, 90%))";
|
|
52
|
+
colorForNavbarIcon: string;
|
|
53
|
+
colorForNavbarIconWhenActive: "var(--color-surface, #fff)";
|
|
54
|
+
colorForNavbarLink: "var(--color-neutral, #ccc)";
|
|
55
|
+
colorForNavbarLinkWhenActive: "var(--color-surface, #fff)";
|
|
56
|
+
colorForNavbarLinkWhenHovered: "var(--color-surface, #fff)";
|
|
36
57
|
backgroundColorForMainPageDivider: "var(--color-neutral-90, hsl(0, 0%, 90%))";
|
|
58
|
+
backgroundColorForNavbar: string;
|
|
59
|
+
backgroundColorForNavbarWhenActive: string;
|
|
60
|
+
backgroundColorForNavbarWhenHovered: string;
|
|
37
61
|
backgroundColorForPageHeader: "var(--color-surface, #fff)";
|
|
38
62
|
backgroundColorForTabularMainPageContent: "var(--color-surface, #fff)";
|
|
63
|
+
backgroundColorForUserMenuItemWhenHovered: "var(--color-neutral-95, hsl(0, 0%, 95%))";
|
|
39
64
|
borderBottomForTabularPageHeader: string;
|
|
40
65
|
borderColorForDialogDivider: "var(--color-neutral-90, hsl(0, 0%, 90%))";
|
|
41
66
|
borderColorForModalPageHeaderDivider: "var(--color-neutral-90, hsl(0, 0%, 90%))";
|
|
42
67
|
borderColorForModalTopBarWhenSurface: "var(--color-surface, #fff)";
|
|
43
|
-
|
|
68
|
+
fontSizeForNavbarLink: "var(--font-size-20, 0.875rem)";
|
|
69
|
+
fontWeightForNavbarLink: "var(--font-weight-400, 400)";
|
|
70
|
+
fontWeightForNavbarLinkWhenActive: "var(--font-weight-600, 600)";
|
|
71
|
+
fontWeightForNavbarLinkWhenHovered: "var(--font-weight-600, 600)";
|
|
44
72
|
heightForTab: string;
|
|
45
73
|
lineHeightForNavBarLink: "var(--line-height-20, 1.375rem)";
|
|
46
74
|
marginBottomForPageTopBar: "var(--spacing-40, 24px)";
|
|
47
75
|
marginForDialogContainerContents: string;
|
|
48
76
|
marginForModalPageHeader: string;
|
|
77
|
+
marginForUserMenuItem: string;
|
|
49
78
|
marginLeftForModalPageHeaderControls: "var(--spacing-50, 32px)";
|
|
79
|
+
marginRightForAppbar: string;
|
|
50
80
|
marginTopForDialogFooter: "var(--spacing-50, 32px)";
|
|
51
81
|
marginTopForPageSubtitle: "var(--spacing-20, 8px)";
|
|
52
82
|
marginTopForTabControls: "var(--spacing-40, 24px)";
|
|
@@ -59,9 +89,11 @@ export declare const themesOverrides: {
|
|
|
59
89
|
paddingForPageContent: string;
|
|
60
90
|
paddingForTabularPageHeader: string;
|
|
61
91
|
paddingLeftForTabAsFirst: "var(--spacing-30, 16px)";
|
|
92
|
+
shadowForAppbar: string;
|
|
93
|
+
shadowForNavbar: string;
|
|
62
94
|
widthForDialogAsMedium: "var(--constraint-9, 442px)";
|
|
63
95
|
widthForDialogAsLarge: "var(--constraint-13, 642px)";
|
|
64
96
|
widthForPageLayoutContentColumn: string;
|
|
65
97
|
};
|
|
66
98
|
};
|
|
67
|
-
export declare const designTokens: Record<
|
|
99
|
+
export declare const designTokens: Record<"colorForPageHeaderBottomBorder" | "colorForNavbarIcon" | "colorForNavbarIconWhenActive" | "colorForNavbarLink" | "colorForNavbarLinkWhenActive" | "colorForNavbarLinkWhenHovered" | "backgroundColorForMainPageDivider" | "backgroundColorForNavbar" | "backgroundColorForNavbarWhenActive" | "backgroundColorForNavbarWhenHovered" | "backgroundColorForPageHeader" | "backgroundColorForTabularMainPageContent" | "backgroundColorForUserMenuItemWhenHovered" | "borderBottomForTabularPageHeader" | "borderColorForDialogDivider" | "borderColorForModalPageHeaderDivider" | "borderColorForModalTopBarWhenSurface" | "fontSizeForNavbarLink" | "fontWeightForNavbarLink" | "fontWeightForNavbarLinkWhenActive" | "fontWeightForNavbarLinkWhenHovered" | "heightForTab" | "lineHeightForNavBarLink" | "marginBottomForPageTopBar" | "marginForDialogContainerContents" | "marginForModalPageHeader" | "marginForUserMenuItem" | "marginLeftForModalPageHeaderControls" | "marginRightForAppbar" | "marginTopForDialogFooter" | "marginTopForPageSubtitle" | "marginTopForTabControls" | "paddingForDetailPageHeader" | "paddingForDialogContainer" | "paddingForDialogContent" | "paddingForMainPageHeader" | "paddingForModalPageHeader" | "paddingForModalTopBar" | "paddingForPageContent" | "paddingForTabularPageHeader" | "paddingLeftForTabAsFirst" | "shadowForAppbar" | "shadowForNavbar" | "widthForDialogAsMedium" | "widthForDialogAsLarge" | "widthForPageLayoutContentColumn", string>;
|
package/dist/{public-page-layout-39006bbd.cjs.prod.js → public-page-layout-8489cd86.cjs.prod.js}
RENAMED
|
File without changes
|
|
File without changes
|
package/dist/{public-page-layout-5625ef60.cjs.dev.js → public-page-layout-ef17c422.cjs.dev.js}
RENAMED
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend/application-components",
|
|
3
|
-
"version": "21.21.
|
|
3
|
+
"version": "21.21.2",
|
|
4
4
|
"description": "Generic components for building Merchant Center applications",
|
|
5
5
|
"bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
|
|
6
6
|
"repository": {
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@babel/runtime": "^7.19.0",
|
|
31
31
|
"@babel/runtime-corejs3": "^7.19.0",
|
|
32
|
-
"@commercetools-frontend/application-shell-connectors": "21.21.
|
|
33
|
-
"@commercetools-frontend/assets": "21.21.
|
|
34
|
-
"@commercetools-frontend/constants": "21.21.
|
|
35
|
-
"@commercetools-frontend/i18n": "21.21.
|
|
36
|
-
"@commercetools-frontend/l10n": "21.21.
|
|
32
|
+
"@commercetools-frontend/application-shell-connectors": "21.21.2",
|
|
33
|
+
"@commercetools-frontend/assets": "21.21.2",
|
|
34
|
+
"@commercetools-frontend/constants": "21.21.2",
|
|
35
|
+
"@commercetools-frontend/i18n": "21.21.2",
|
|
36
|
+
"@commercetools-frontend/l10n": "21.21.2",
|
|
37
37
|
"@commercetools-uikit/card": "^15.6.0",
|
|
38
38
|
"@commercetools-uikit/constraints": "^15.6.0",
|
|
39
39
|
"@commercetools-uikit/design-system": "^15.6.0",
|