@saasquatch/mint-components 1.15.0-121 → 1.15.0-123
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/cjs/{IndirectTaxDetailsView-cf888c7b.js → IndirectTaxDetailsView-436df538.js} +2 -2
- package/dist/cjs/{ShadowViewAddon-ef5e33a3.js → ShadowViewAddon-673d984d.js} +1 -1
- package/dist/cjs/{global-191f2253.js → global-85b9678e.js} +42 -42
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +3 -3
- package/dist/cjs/sqm-big-stat_44.cjs.entry.js +9 -2
- package/dist/cjs/sqm-code-verification.cjs.entry.js +1 -1
- package/dist/cjs/sqm-email-verification.cjs.entry.js +1 -1
- package/dist/cjs/sqm-empty_4.cjs.entry.js +1 -1
- package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +1 -1
- package/dist/cjs/sqm-pagination_3.cjs.entry.js +1 -1
- package/dist/cjs/{sqm-portal-email-verification-view-87e083ca.js → sqm-portal-email-verification-view-d1deac22.js} +1 -1
- package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
- package/dist/cjs/{sqm-portal-profile-view-7ac7d3ac.js → sqm-portal-profile-view-e0e88ac1.js} +1 -1
- package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -2
- package/dist/cjs/sqm-referral-table_11.cjs.entry.js +1 -1
- package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +1 -1
- package/dist/cjs/sqm-scroll.cjs.entry.js +1 -56
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +6 -6
- package/dist/cjs/sqm-tax-and-cash.cjs.entry.js +2 -2
- package/dist/cjs/{utils-e3305bd8.js → utils-42db2b14.js} +1 -1
- package/dist/collection/components/sqm-hero/sqm-hero.js +16 -2
- package/dist/collection/components/sqm-scroll/sqm-scroll.js +4 -61
- package/dist/collection/global/styles.js +42 -42
- package/dist/collection/global/styles.ts +1 -1
- package/dist/esm/{IndirectTaxDetailsView-a2beb98a.js → IndirectTaxDetailsView-ab51e871.js} +2 -2
- package/dist/esm/{ShadowViewAddon-09d3154b.js → ShadowViewAddon-a3f174c4.js} +1 -1
- package/dist/esm/{global-ef7a7354.js → global-6e857596.js} +42 -42
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-banking-info-form_10.entry.js +3 -3
- package/dist/esm/sqm-big-stat_44.entry.js +9 -2
- package/dist/esm/sqm-code-verification.entry.js +1 -1
- package/dist/esm/sqm-email-verification.entry.js +1 -1
- package/dist/esm/sqm-empty_4.entry.js +1 -1
- package/dist/esm/sqm-leaderboard-rank.entry.js +1 -1
- package/dist/esm/sqm-pagination_3.entry.js +1 -1
- package/dist/esm/{sqm-portal-email-verification-view-37bee5df.js → sqm-portal-email-verification-view-0cefc0dc.js} +1 -1
- package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
- package/dist/esm/{sqm-portal-profile-view-afb6d879.js → sqm-portal-profile-view-c90d2ec4.js} +1 -1
- package/dist/esm/sqm-portal-profile.entry.js +2 -2
- package/dist/esm/sqm-referral-table_11.entry.js +1 -1
- package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
- package/dist/esm/sqm-scroll.entry.js +1 -56
- package/dist/esm/sqm-stencilbook.entry.js +6 -6
- package/dist/esm/sqm-tax-and-cash.entry.js +2 -2
- package/dist/esm/{utils-a86c25e9.js → utils-0723c2f1.js} +1 -1
- package/dist/esm-es5/{IndirectTaxDetailsView-a2beb98a.js → IndirectTaxDetailsView-ab51e871.js} +1 -1
- package/dist/esm-es5/{ShadowViewAddon-09d3154b.js → ShadowViewAddon-a3f174c4.js} +1 -1
- package/dist/esm-es5/{global-ef7a7354.js → global-6e857596.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
- package/dist/esm-es5/sqm-big-stat_44.entry.js +1 -1
- package/dist/esm-es5/sqm-code-verification.entry.js +1 -1
- package/dist/esm-es5/sqm-email-verification.entry.js +1 -1
- package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
- package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
- package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
- package/dist/esm-es5/{sqm-portal-email-verification-view-37bee5df.js → sqm-portal-email-verification-view-0cefc0dc.js} +1 -1
- package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
- package/dist/esm-es5/{sqm-portal-profile-view-afb6d879.js → sqm-portal-profile-view-c90d2ec4.js} +1 -1
- package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
- package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
- package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
- package/dist/esm-es5/sqm-scroll.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/esm-es5/sqm-tax-and-cash.entry.js +1 -1
- package/dist/esm-es5/{utils-a86c25e9.js → utils-0723c2f1.js} +1 -1
- package/dist/mint-components/global/styles.ts +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/mint-components.js +1 -1
- package/dist/mint-components/{p-a4564acb.system.entry.js → p-00505c73.system.entry.js} +1 -1
- package/dist/mint-components/{p-40b8b093.js → p-01db2723.js} +1 -1
- package/dist/mint-components/{p-574b08e7.system.js → p-02c57d95.system.js} +1 -1
- package/dist/mint-components/p-049d3078.system.entry.js +1 -0
- package/dist/mint-components/{p-699a9b20.js → p-06beaf34.js} +1 -1
- package/dist/mint-components/{p-2fd59b38.entry.js → p-0c274c2b.entry.js} +1 -1
- package/dist/mint-components/p-0f587d0c.entry.js +1 -0
- package/dist/mint-components/{p-7b2d40e5.entry.js → p-17947f5a.entry.js} +1 -1
- package/dist/mint-components/{p-fcbed888.system.entry.js → p-277792c5.system.entry.js} +1 -1
- package/dist/mint-components/{p-4a379796.js → p-4d045da0.js} +1 -1
- package/dist/mint-components/{p-29fa3d84.system.entry.js → p-4dedcaf4.system.entry.js} +1 -1
- package/dist/mint-components/{p-6919414d.entry.js → p-52b37f22.entry.js} +1 -1
- package/dist/mint-components/{p-2c0c8872.entry.js → p-5e48bd77.entry.js} +1 -1
- package/dist/mint-components/p-65e8d424.system.entry.js +1 -0
- package/dist/mint-components/{p-43246ab1.js → p-6a616d9f.js} +1 -1
- package/dist/mint-components/{p-5aad9df5.system.entry.js → p-6e192b5a.system.entry.js} +1 -1
- package/dist/mint-components/{p-4ddf5eaa.system.js → p-7232addc.system.js} +1 -1
- package/dist/mint-components/{p-14fd4b05.entry.js → p-7333224d.entry.js} +1 -1
- package/dist/mint-components/{p-7ff34e84.system.js → p-737eea53.system.js} +1 -1
- package/dist/mint-components/{p-9b29f4f5.system.entry.js → p-832f5155.system.entry.js} +1 -1
- package/dist/mint-components/{p-76b1b937.system.entry.js → p-85b147e6.system.entry.js} +1 -1
- package/dist/mint-components/{p-28c50364.js → p-90062810.js} +32 -32
- package/dist/mint-components/{p-5bb59fa8.system.entry.js → p-951bc965.system.entry.js} +1 -1
- package/dist/mint-components/{p-2e1eceb7.system.entry.js → p-9c921435.system.entry.js} +1 -1
- package/dist/mint-components/{p-6773244a.entry.js → p-a38f69f6.entry.js} +1 -1
- package/dist/mint-components/{p-37ffa277.system.js → p-a891c877.system.js} +1 -1
- package/dist/mint-components/{p-ddaf4c57.system.entry.js → p-ac5f35b1.system.entry.js} +1 -1
- package/dist/mint-components/{p-e71e147a.system.entry.js → p-c0e5cdf9.system.entry.js} +1 -1
- package/dist/mint-components/{p-f7919872.system.js → p-c14b7fae.system.js} +1 -1
- package/dist/mint-components/{p-d51c9a98.system.entry.js → p-d5ae2b8e.system.entry.js} +1 -1
- package/dist/mint-components/{p-682359ae.entry.js → p-d614cfea.entry.js} +1 -1
- package/dist/mint-components/{p-5116afad.system.entry.js → p-d81b09de.system.entry.js} +1 -1
- package/dist/mint-components/{p-56069d3f.entry.js → p-dbe4480e.entry.js} +1 -1
- package/dist/mint-components/{p-78878a5a.entry.js → p-dfc2ee26.entry.js} +1 -1
- package/dist/mint-components/{p-2074933f.system.js → p-e0166128.system.js} +1 -1
- package/dist/mint-components/{p-1b933fb5.system.js → p-f098fc94.system.js} +1 -1
- package/dist/mint-components/{p-fa0ad3f2.entry.js → p-f24410f9.entry.js} +1 -1
- package/dist/mint-components/{p-ef1616b5.entry.js → p-f4ae6b52.entry.js} +2 -2
- package/dist/mint-components/{p-261ef00a.entry.js → p-f76a3009.entry.js} +1 -1
- package/dist/mint-components/{p-3b0e2094.entry.js → p-f81cb995.entry.js} +2 -2
- package/dist/mint-components/{p-a5b58d30.js → p-ff636489.js} +1 -1
- package/dist/types/components/sqm-hero/sqm-hero-view.d.ts +1 -1
- package/dist/types/components/sqm-hero/sqm-hero.d.ts +3 -1
- package/dist/types/components.d.ts +6 -2
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/mint-components/p-910f56ca.system.entry.js +0 -1
- package/dist/mint-components/p-b6e8d3d7.system.entry.js +0 -1
- package/dist/mint-components/p-e27ff213.entry.js +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const index = require('./index-a43a63b4.js');
|
|
4
|
-
const global = require('./global-
|
|
4
|
+
const global = require('./global-85b9678e.js');
|
|
5
5
|
const JSS = require('./JSS-8503a151.js');
|
|
6
|
-
const utils = require('./utils-
|
|
6
|
+
const utils = require('./utils-42db2b14.js');
|
|
7
7
|
|
|
8
8
|
const style = {
|
|
9
9
|
Description: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const index = require('./index-a43a63b4.js');
|
|
4
|
-
const global = require('./global-
|
|
4
|
+
const global = require('./global-85b9678e.js');
|
|
5
5
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
6
6
|
const index_module = require('./index.module-4f54e412.js');
|
|
7
7
|
const cjs = require('./cjs-1066ec21.js');
|
|
@@ -26008,7 +26008,7 @@ function insertFont(font) {
|
|
|
26008
26008
|
--teal-7: #004551;
|
|
26009
26009
|
} */
|
|
26010
26010
|
const parseBrandingConfig = (config) => {
|
|
26011
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66;
|
|
26011
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67;
|
|
26012
26012
|
return ({
|
|
26013
26013
|
styles: `
|
|
26014
26014
|
/* vietnamese */
|
|
@@ -26527,57 +26527,57 @@ html {
|
|
|
26527
26527
|
--sqm-primary-button-color-border: ${((_u = (_t = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _t === void 0 ? void 0 : _t.buttonColor) === null || _u === void 0 ? void 0 : _u.border) || "transparent"};
|
|
26528
26528
|
--sqm-primary-button-radius: ${((_v = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _v === void 0 ? void 0 : _v.borderRadius) ? ((_w = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _w === void 0 ? void 0 : _w.borderRadius) + "px"
|
|
26529
26529
|
: "4px"};
|
|
26530
|
-
--sqm-secondary-button-background: ${((_x = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _x === void 0 ? void 0 : _x.buttonColor) || "transparent"};
|
|
26531
|
-
--sqm-secondary-button-background-hover: ${((
|
|
26532
|
-
--sqm-secondary-button-color-hover: ${((
|
|
26533
|
-
--sqm-secondary-button-border-color-hover: ${((
|
|
26534
|
-
--sqm-secondary-button-color: ${((
|
|
26535
|
-
--sqm-secondary-button-color-border: ${((
|
|
26536
|
-
--sqm-secondary-button-radius: ${((
|
|
26530
|
+
--sqm-secondary-button-background: ${((_y = (_x = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _x === void 0 ? void 0 : _x.buttonColor) === null || _y === void 0 ? void 0 : _y.background) || "transparent"};
|
|
26531
|
+
--sqm-secondary-button-background-hover: ${((_0 = (_z = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _z === void 0 ? void 0 : _z.buttonHoverColor) === null || _0 === void 0 ? void 0 : _0.background) || "#DEF0FC"};
|
|
26532
|
+
--sqm-secondary-button-color-hover: ${((_2 = (_1 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _1 === void 0 ? void 0 : _1.buttonHoverColor) === null || _2 === void 0 ? void 0 : _2.label) || "#3878DB"};
|
|
26533
|
+
--sqm-secondary-button-border-color-hover: ${((_4 = (_3 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _3 === void 0 ? void 0 : _3.buttonHoverColor) === null || _4 === void 0 ? void 0 : _4.border) || "#3798DF"};
|
|
26534
|
+
--sqm-secondary-button-color: ${((_6 = (_5 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _5 === void 0 ? void 0 : _5.buttonColor) === null || _6 === void 0 ? void 0 : _6.label) || "#27272A"};
|
|
26535
|
+
--sqm-secondary-button-color-border: ${((_8 = (_7 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _7 === void 0 ? void 0 : _7.buttonColor) === null || _8 === void 0 ? void 0 : _8.border) || "#E4E4E7"};
|
|
26536
|
+
--sqm-secondary-button-radius: ${((_9 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _9 === void 0 ? void 0 : _9.borderRadius) ? ((_10 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _10 === void 0 ? void 0 : _10.borderRadius) + "px"
|
|
26537
26537
|
: "4px"};
|
|
26538
26538
|
|
|
26539
|
-
--sqm-border-radius-normal: ${((
|
|
26540
|
-
--sqm-border-color: ${((
|
|
26539
|
+
--sqm-border-radius-normal: ${((_11 = config === null || config === void 0 ? void 0 : config.border) === null || _11 === void 0 ? void 0 : _11.borderRadius) ? ((_12 = config === null || config === void 0 ? void 0 : config.border) === null || _12 === void 0 ? void 0 : _12.borderRadius) + "px" : "4px"};
|
|
26540
|
+
--sqm-border-color: ${((_13 = config === null || config === void 0 ? void 0 : config.border) === null || _13 === void 0 ? void 0 : _13.borderColor) || "#E4E4E7"};
|
|
26541
26541
|
|
|
26542
|
-
--sqm-border-thickness: ${((
|
|
26542
|
+
--sqm-border-thickness: ${((_14 = config === null || config === void 0 ? void 0 : config.border) === null || _14 === void 0 ? void 0 : _14.borderThickness) ? ((_15 = config === null || config === void 0 ? void 0 : config.border) === null || _15 === void 0 ? void 0 : _15.borderThickness) + "px"
|
|
26543
26543
|
: "1px"};
|
|
26544
26544
|
|
|
26545
|
-
--sqm-accent-color-icon: ${((
|
|
26546
|
-
--sqm-accent-color-text: ${((
|
|
26547
|
-
--sqm-accent-color-border: ${((
|
|
26548
|
-
--sqm-accent-color-background: ${((
|
|
26545
|
+
--sqm-accent-color-icon: ${((_17 = (_16 = config === null || config === void 0 ? void 0 : config.color) === null || _16 === void 0 ? void 0 : _16.accentColorShades) === null || _17 === void 0 ? void 0 : _17.icon) || "#7ECCF7"};
|
|
26546
|
+
--sqm-accent-color-text: ${((_19 = (_18 = config === null || config === void 0 ? void 0 : config.color) === null || _18 === void 0 ? void 0 : _18.accentColorShades) === null || _19 === void 0 ? void 0 : _19.text) || "#3798DF"};
|
|
26547
|
+
--sqm-accent-color-border: ${((_21 = (_20 = config === null || config === void 0 ? void 0 : config.color) === null || _20 === void 0 ? void 0 : _20.accentColorShades) === null || _21 === void 0 ? void 0 : _21.border) || "#3798DF"};
|
|
26548
|
+
--sqm-accent-color-background: ${((_23 = (_22 = config === null || config === void 0 ? void 0 : config.color) === null || _22 === void 0 ? void 0 : _22.accentColorShades) === null || _23 === void 0 ? void 0 : _23.background) || "#EFF8FE"};
|
|
26549
26549
|
|
|
26550
|
-
--sqm-success-color-icon: ${((
|
|
26551
|
-
--sqm-success-color-text: ${((
|
|
26552
|
-
--sqm-success-color-border: ${((
|
|
26553
|
-
--sqm-success-color-background: ${((
|
|
26550
|
+
--sqm-success-color-icon: ${((_25 = (_24 = config === null || config === void 0 ? void 0 : config.color) === null || _24 === void 0 ? void 0 : _24.success) === null || _25 === void 0 ? void 0 : _25.iconAndBadge) || "var(--sl-color-success-600)"};
|
|
26551
|
+
--sqm-success-color-text: ${((_27 = (_26 = config === null || config === void 0 ? void 0 : config.color) === null || _26 === void 0 ? void 0 : _26.success) === null || _27 === void 0 ? void 0 : _27.text) || "#fff"};
|
|
26552
|
+
--sqm-success-color-border: ${((_29 = (_28 = config === null || config === void 0 ? void 0 : config.color) === null || _28 === void 0 ? void 0 : _28.success) === null || _29 === void 0 ? void 0 : _29.border) || "var(--sl-color-success-400)"};
|
|
26553
|
+
--sqm-success-color-background: ${((_31 = (_30 = config === null || config === void 0 ? void 0 : config.color) === null || _30 === void 0 ? void 0 : _30.success) === null || _31 === void 0 ? void 0 : _31.background) || "var(--sl-color-success-300)"};
|
|
26554
26554
|
|
|
26555
|
-
--sqm-warning-color-icon: ${((
|
|
26556
|
-
--sqm-warning-color-text: ${((
|
|
26557
|
-
--sqm-warning-color-border: ${((
|
|
26558
|
-
--sqm-warning-color-background: ${((
|
|
26559
|
-
|
|
26560
|
-
--sqm-danger-color-icon: ${((
|
|
26561
|
-
--sqm-danger-color-text: ${((
|
|
26562
|
-
--sqm-danger-color-border: ${((
|
|
26563
|
-
--sqm-danger-color-background: ${((
|
|
26564
|
-
|
|
26565
|
-
--sqm-informative-color-icon: ${((
|
|
26566
|
-
--sqm-informative-color-text: ${((
|
|
26567
|
-
--sqm-informative-color-border: ${((
|
|
26568
|
-
--sqm-informative-color-background: ${((
|
|
26569
|
-
|
|
26570
|
-
--sqm-input-background: ${((
|
|
26571
|
-
--sqm-input-border-color: ${((
|
|
26572
|
-
--sqm-input-border-radius: ${((
|
|
26555
|
+
--sqm-warning-color-icon: ${((_33 = (_32 = config === null || config === void 0 ? void 0 : config.color) === null || _32 === void 0 ? void 0 : _32.warning) === null || _33 === void 0 ? void 0 : _33.iconAndBadge) || "var(--sl-color-warning-600)"};
|
|
26556
|
+
--sqm-warning-color-text: ${((_35 = (_34 = config === null || config === void 0 ? void 0 : config.color) === null || _34 === void 0 ? void 0 : _34.warning) === null || _35 === void 0 ? void 0 : _35.text) || "#fff"};
|
|
26557
|
+
--sqm-warning-color-border: ${((_37 = (_36 = config === null || config === void 0 ? void 0 : config.color) === null || _36 === void 0 ? void 0 : _36.warning) === null || _37 === void 0 ? void 0 : _37.border) || "var(--sl-color-warning-400)"};
|
|
26558
|
+
--sqm-warning-color-background: ${((_39 = (_38 = config === null || config === void 0 ? void 0 : config.color) === null || _38 === void 0 ? void 0 : _38.warning) === null || _39 === void 0 ? void 0 : _39.background) || "var(--sl-color-warning-300)"};
|
|
26559
|
+
|
|
26560
|
+
--sqm-danger-color-icon: ${((_41 = (_40 = config === null || config === void 0 ? void 0 : config.color) === null || _40 === void 0 ? void 0 : _40.critical) === null || _41 === void 0 ? void 0 : _41.iconAndBadge) || "var(--sl-color-danger-600)"};
|
|
26561
|
+
--sqm-danger-color-text: ${((_43 = (_42 = config === null || config === void 0 ? void 0 : config.color) === null || _42 === void 0 ? void 0 : _42.critical) === null || _43 === void 0 ? void 0 : _43.text) || "#fff"};
|
|
26562
|
+
--sqm-danger-color-border: ${((_45 = (_44 = config === null || config === void 0 ? void 0 : config.color) === null || _44 === void 0 ? void 0 : _44.critical) === null || _45 === void 0 ? void 0 : _45.border) || "var(--sl-color-danger-400)"};
|
|
26563
|
+
--sqm-danger-color-background: ${((_47 = (_46 = config === null || config === void 0 ? void 0 : config.color) === null || _46 === void 0 ? void 0 : _46.critical) === null || _47 === void 0 ? void 0 : _47.background) || "var(--sl-color-danger-300)"};
|
|
26564
|
+
|
|
26565
|
+
--sqm-informative-color-icon: ${((_49 = (_48 = config === null || config === void 0 ? void 0 : config.color) === null || _48 === void 0 ? void 0 : _48.informative) === null || _49 === void 0 ? void 0 : _49.iconAndBadge) || "var(--sl-color-sky-600)"};
|
|
26566
|
+
--sqm-informative-color-text: ${((_51 = (_50 = config === null || config === void 0 ? void 0 : config.color) === null || _50 === void 0 ? void 0 : _50.informative) === null || _51 === void 0 ? void 0 : _51.text) || "#fff"};
|
|
26567
|
+
--sqm-informative-color-border: ${((_53 = (_52 = config === null || config === void 0 ? void 0 : config.color) === null || _52 === void 0 ? void 0 : _52.informative) === null || _53 === void 0 ? void 0 : _53.border) || "var(--sl-color-sky-400)"};
|
|
26568
|
+
--sqm-informative-color-background: ${((_55 = (_54 = config === null || config === void 0 ? void 0 : config.color) === null || _54 === void 0 ? void 0 : _54.informative) === null || _55 === void 0 ? void 0 : _55.background) || "var(--sl-color-sky-300)"};
|
|
26569
|
+
|
|
26570
|
+
--sqm-input-background: ${((_57 = (_56 = config === null || config === void 0 ? void 0 : config.formFields) === null || _56 === void 0 ? void 0 : _56.formFieldColor) === null || _57 === void 0 ? void 0 : _57.background) || "#fff"};
|
|
26571
|
+
--sqm-input-border-color: ${((_59 = (_58 = config === null || config === void 0 ? void 0 : config.formFields) === null || _58 === void 0 ? void 0 : _58.formFieldColor) === null || _59 === void 0 ? void 0 : _59.border) || "#E4E4E7"};
|
|
26572
|
+
--sqm-input-border-radius: ${((_60 = config === null || config === void 0 ? void 0 : config.formFields) === null || _60 === void 0 ? void 0 : _60.borderRadius) ? ((_61 = config === null || config === void 0 ? void 0 : config.formFields) === null || _61 === void 0 ? void 0 : _61.borderRadius) + "px"
|
|
26573
26573
|
: "4px"};
|
|
26574
|
-
--sqm-input-color: ${((
|
|
26574
|
+
--sqm-input-color: ${((_63 = (_62 = config === null || config === void 0 ? void 0 : config.formFields) === null || _62 === void 0 ? void 0 : _62.formFieldColor) === null || _63 === void 0 ? void 0 : _63.inputText) || "#27272A"};
|
|
26575
26575
|
--sqm-input-label-color: var(--sqm-text);
|
|
26576
|
-
--sqm-input-border-color-focus: ${((
|
|
26577
|
-
--sqm-input-border-color-hover: ${((
|
|
26576
|
+
--sqm-input-border-color-focus: ${((_64 = config === null || config === void 0 ? void 0 : config.formFields) === null || _64 === void 0 ? void 0 : _64.selectedStateColor) || "#E4E4E7"};
|
|
26577
|
+
--sqm-input-border-color-hover: ${((_65 = config === null || config === void 0 ? void 0 : config.formFields) === null || _65 === void 0 ? void 0 : _65.hoverStateColor) || "#E4E4E7"};
|
|
26578
26578
|
--sqm-input-label-font-size: inherit;
|
|
26579
26579
|
--sqm-input-disabled-color: var(--sqm-text-subdued);
|
|
26580
|
-
--sqm-input-disabled-background: ${((
|
|
26580
|
+
--sqm-input-disabled-background: ${((_66 = config === null || config === void 0 ? void 0 : config.formFields) === null || _66 === void 0 ? void 0 : _66.disabledBackgroundColor) || "#F4F4F5"};
|
|
26581
26581
|
|
|
26582
26582
|
--sl-color-primary-100: var(--sqm-primary-color);
|
|
26583
26583
|
--sl-color-primary-200: var(--sqm-primary-color);
|
|
@@ -26896,7 +26896,7 @@ sl-icon::part(base):hover {
|
|
|
26896
26896
|
|
|
26897
26897
|
|
|
26898
26898
|
`,
|
|
26899
|
-
font: (
|
|
26899
|
+
font: (_67 = config === null || config === void 0 ? void 0 : config.main) === null || _67 === void 0 ? void 0 : _67.brandFont,
|
|
26900
26900
|
});
|
|
26901
26901
|
};
|
|
26902
26902
|
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
require('./global-
|
|
6
|
+
require('./global-85b9678e.js');
|
|
7
7
|
require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
require('./index.module-4f54e412.js');
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
const global = require('./global-
|
|
6
|
+
const global = require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
const index_module = require('./index.module-4f54e412.js');
|
|
9
9
|
const jsonpointer = require('./jsonpointer-11327262.js');
|
|
@@ -16,8 +16,8 @@ const reRender = require('./re-render-d516138a.js');
|
|
|
16
16
|
const useChildElements = require('./useChildElements-966c9041.js');
|
|
17
17
|
const luxon = require('./luxon-949beaf2.js');
|
|
18
18
|
const useReferralTable = require('./useReferralTable-90d4d6e9.js');
|
|
19
|
-
const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-
|
|
20
|
-
const utils$1 = require('./utils-
|
|
19
|
+
const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-436df538.js');
|
|
20
|
+
const utils$1 = require('./utils-42db2b14.js');
|
|
21
21
|
const data = require('./data-d4339c2e.js');
|
|
22
22
|
const keys = require('./keys-cff24974.js');
|
|
23
23
|
const usePayoutStatus = require('./usePayoutStatus-3b34dab1.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
const global = require('./global-
|
|
6
|
+
const global = require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
const index_module = require('./index.module-4f54e412.js');
|
|
9
9
|
const jsonpointer = require('./jsonpointer-11327262.js');
|
|
@@ -25,7 +25,7 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
|
|
|
25
25
|
const usePortalLogin = require('./usePortalLogin-6aa864ef.js');
|
|
26
26
|
const AsYouType = require('./AsYouType-6788393a.js');
|
|
27
27
|
const utilities = require('./utilities-9a0c5e91.js');
|
|
28
|
-
const ShadowViewAddon = require('./ShadowViewAddon-
|
|
28
|
+
const ShadowViewAddon = require('./ShadowViewAddon-673d984d.js');
|
|
29
29
|
require('./sqm-portal-container-view-07e4343f.js');
|
|
30
30
|
const parseStates = require('./parseStates-d1effc19.js');
|
|
31
31
|
const usePayoutStatus = require('./usePayoutStatus-3b34dab1.js');
|
|
@@ -1560,6 +1560,13 @@ const Hero = class {
|
|
|
1560
1560
|
* @uiEnumNames ["Wrap", "Wrap Reverse"]
|
|
1561
1561
|
*/
|
|
1562
1562
|
this.wrapDirection = "wrap";
|
|
1563
|
+
/**
|
|
1564
|
+
* Can only be used when two columns are present
|
|
1565
|
+
* @uiName Hide the column in mobile view
|
|
1566
|
+
* @uiEnum ["primary", "secondary", "null"]
|
|
1567
|
+
* @uiEnumNames ["Primary", "Secondary", "None"]
|
|
1568
|
+
*/
|
|
1569
|
+
this.columnToHideInMobile = null;
|
|
1563
1570
|
domContextHooks_module.h$1(this);
|
|
1564
1571
|
}
|
|
1565
1572
|
disconnectedCallback() { }
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
const global = require('./global-
|
|
6
|
+
const global = require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
const index_module = require('./index.module-4f54e412.js');
|
|
9
9
|
const cjs = require('./cjs-1066ec21.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
const global = require('./global-
|
|
6
|
+
const global = require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
const index_module = require('./index.module-4f54e412.js');
|
|
9
9
|
const cjs = require('./cjs-1066ec21.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
const global = require('./global-
|
|
6
|
+
const global = require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
require('./index.module-4f54e412.js');
|
|
9
9
|
const utils = require('./utils-7cbd60cc.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
const global = require('./global-
|
|
6
|
+
const global = require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
const index_module = require('./index.module-4f54e412.js');
|
|
9
9
|
const cjs = require('./cjs-1066ec21.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
const global = require('./global-
|
|
6
|
+
const global = require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
const index_module = require('./index.module-4f54e412.js');
|
|
9
9
|
const cjs = require('./cjs-1066ec21.js');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const index = require('./index-a43a63b4.js');
|
|
4
|
-
const global = require('./global-
|
|
4
|
+
const global = require('./global-85b9678e.js');
|
|
5
5
|
const JSS = require('./JSS-8503a151.js');
|
|
6
6
|
const mixins = require('./mixins-4761d472.js');
|
|
7
7
|
const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
require('./global-
|
|
6
|
+
require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
const index_module = require('./index.module-4f54e412.js');
|
|
9
9
|
const cjs = require('./cjs-1066ec21.js');
|
|
10
10
|
require('./JSS-8503a151.js');
|
|
11
11
|
require('./mixins-4761d472.js');
|
|
12
12
|
require('./sqm-text-span-view-7a61ae4c.js');
|
|
13
|
-
const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-
|
|
13
|
+
const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-d1deac22.js');
|
|
14
14
|
|
|
15
15
|
function usePortalEmailVerification(props) {
|
|
16
16
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
package/dist/cjs/{sqm-portal-profile-view-7ac7d3ac.js → sqm-portal-profile-view-e0e88ac1.js}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const index = require('./index-a43a63b4.js');
|
|
4
|
-
const global = require('./global-
|
|
4
|
+
const global = require('./global-85b9678e.js');
|
|
5
5
|
const JSS = require('./JSS-8503a151.js');
|
|
6
6
|
const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
|
|
7
7
|
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
require('./global-
|
|
6
|
+
require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
const index_module = require('./index.module-4f54e412.js');
|
|
9
9
|
const cjs = require('./cjs-1066ec21.js');
|
|
10
10
|
const utils = require('./utils-7cbd60cc.js');
|
|
11
11
|
require('./JSS-8503a151.js');
|
|
12
12
|
require('./sqm-text-span-view-7a61ae4c.js');
|
|
13
|
-
const sqmPortalProfileView = require('./sqm-portal-profile-view-
|
|
13
|
+
const sqmPortalProfileView = require('./sqm-portal-profile-view-e0e88ac1.js');
|
|
14
14
|
const utilities = require('./utilities-9a0c5e91.js');
|
|
15
15
|
|
|
16
16
|
const GET_USER = index_module.dist.gql `
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
const global = require('./global-
|
|
6
|
+
const global = require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
const index_module = require('./index.module-4f54e412.js');
|
|
9
9
|
const cjs = require('./cjs-1066ec21.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
const global = require('./global-
|
|
6
|
+
const global = require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
const index_module = require('./index.module-4f54e412.js');
|
|
9
9
|
const cjs = require('./cjs-1066ec21.js');
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
6
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
7
|
-
const JSS = require('./JSS-8503a151.js');
|
|
8
7
|
|
|
9
8
|
const REVEAL_EVENT = "sq:reveal";
|
|
10
9
|
function useScroll(props) {
|
|
@@ -47,62 +46,8 @@ const Scroll = class {
|
|
|
47
46
|
}
|
|
48
47
|
disconnectedCallback() { }
|
|
49
48
|
render() {
|
|
50
|
-
var _a;
|
|
51
49
|
const { callbacks } = useScroll(this);
|
|
52
|
-
|
|
53
|
-
const style = {
|
|
54
|
-
Button: {
|
|
55
|
-
"& .outline": {
|
|
56
|
-
"&::part(base)": {
|
|
57
|
-
color: "var(--sl-color-" + outlineColor + "-500)",
|
|
58
|
-
borderColor: "var(--sl-color-" + outlineColor + "-500)",
|
|
59
|
-
backgroundColor: "transparent",
|
|
60
|
-
"&:hover": {
|
|
61
|
-
color: "var(--sl-color-primary-text)",
|
|
62
|
-
backgroundColor: "var(--sl-color-" + outlineColor + "-500)",
|
|
63
|
-
},
|
|
64
|
-
},
|
|
65
|
-
},
|
|
66
|
-
"& .neutral": {
|
|
67
|
-
"&::part(base)": {
|
|
68
|
-
color: "var(--sl-color-primary-text)",
|
|
69
|
-
background: "var(--sl-color-neutral-500)",
|
|
70
|
-
"&:hover": {
|
|
71
|
-
opacity: "0.8",
|
|
72
|
-
},
|
|
73
|
-
},
|
|
74
|
-
},
|
|
75
|
-
"& .mobile": {
|
|
76
|
-
"@media (max-width: 499px)": {
|
|
77
|
-
width: "100%",
|
|
78
|
-
},
|
|
79
|
-
},
|
|
80
|
-
},
|
|
81
|
-
};
|
|
82
|
-
const sheet = JSS.createStyleSheet(style);
|
|
83
|
-
const styleString = sheet.toString();
|
|
84
|
-
const vanillaStyle = `
|
|
85
|
-
:host{
|
|
86
|
-
display: contents;
|
|
87
|
-
}
|
|
88
|
-
${this.mobile &&
|
|
89
|
-
`
|
|
90
|
-
@media only screen and (max-width: 499px) {
|
|
91
|
-
:host {
|
|
92
|
-
display: block;
|
|
93
|
-
width: 100%;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
`}
|
|
97
|
-
`;
|
|
98
|
-
let classStack = "";
|
|
99
|
-
if (this.outline && this.buttonType != "default")
|
|
100
|
-
classStack += "outline ";
|
|
101
|
-
if (this.buttonType === "neutral")
|
|
102
|
-
classStack += "neutral ";
|
|
103
|
-
if (this.mobile)
|
|
104
|
-
classStack += "mobile ";
|
|
105
|
-
return (index.h("div", { class: sheet.classes.Button }, index.h("style", { type: "text/css" }, vanillaStyle, styleString), index.h("sl-button", { type: this.buttonType, onClick: callbacks.scroll, size: this.size, pill: this.pill, circle: this.circle, class: classStack }, (this.iconSlot || this.iconName) && (index.h("sl-icon", { slot: this.iconSlot || "prefix", name: this.iconName })), this.buttonText, index.h("slot", null))));
|
|
50
|
+
return (index.h("sl-button", { type: "secondary", onClick: callbacks.scroll, size: this.size, pill: this.pill, circle: this.circle, exportparts: "base: secondarybutton-base" }, (this.iconSlot || this.iconName) && (index.h("sl-icon", { slot: this.iconSlot || "prefix", name: this.iconName })), this.buttonText, index.h("slot", null)));
|
|
106
51
|
}
|
|
107
52
|
};
|
|
108
53
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
require('./global-
|
|
6
|
+
require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
const index_module = require('./index.module-4f54e412.js');
|
|
9
9
|
require('./cjs-1066ec21.js');
|
|
@@ -23,19 +23,19 @@ const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-6a1e63de.js'
|
|
|
23
23
|
const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-b61c8bdf.js');
|
|
24
24
|
const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-de90ef03.js');
|
|
25
25
|
const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-ec7a5c53.js');
|
|
26
|
-
const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-
|
|
26
|
+
const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-d1deac22.js');
|
|
27
27
|
const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
|
|
28
28
|
const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8847804c.js');
|
|
29
29
|
const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
|
|
30
|
-
const sqmPortalProfileView = require('./sqm-portal-profile-view-
|
|
30
|
+
const sqmPortalProfileView = require('./sqm-portal-profile-view-e0e88ac1.js');
|
|
31
31
|
require('./utilities-9a0c5e91.js');
|
|
32
32
|
const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25eb2099.js');
|
|
33
33
|
const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
|
|
34
34
|
const sqmQrCodeView = require('./sqm-qr-code-view-0c3b2f48.js');
|
|
35
|
-
const ShadowViewAddon = require('./ShadowViewAddon-
|
|
35
|
+
const ShadowViewAddon = require('./ShadowViewAddon-673d984d.js');
|
|
36
36
|
const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
|
|
37
|
-
const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-
|
|
38
|
-
const utils = require('./utils-
|
|
37
|
+
const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-436df538.js');
|
|
38
|
+
const utils = require('./utils-42db2b14.js');
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
41
|
* lodash (Custom Build) <https://lodash.com/>
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a43a63b4.js');
|
|
6
|
-
require('./global-
|
|
6
|
+
require('./global-85b9678e.js');
|
|
7
7
|
const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
|
|
8
8
|
const index_module = require('./index.module-4f54e412.js');
|
|
9
9
|
const cjs = require('./cjs-1066ec21.js');
|
|
10
10
|
const utils$1 = require('./utils-7cbd60cc.js');
|
|
11
11
|
require('./JSS-8503a151.js');
|
|
12
|
-
const utils = require('./utils-
|
|
12
|
+
const utils = require('./utils-42db2b14.js');
|
|
13
13
|
const parseStates = require('./parseStates-d1effc19.js');
|
|
14
14
|
const data = require('./data-d4339c2e.js');
|
|
15
15
|
const extractProps = require('./extractProps-fd93ba62.js');
|
|
@@ -45,6 +45,13 @@ export class Hero {
|
|
|
45
45
|
* @uiEnumNames ["Wrap", "Wrap Reverse"]
|
|
46
46
|
*/
|
|
47
47
|
this.wrapDirection = "wrap";
|
|
48
|
+
/**
|
|
49
|
+
* Can only be used when two columns are present
|
|
50
|
+
* @uiName Hide the column in mobile view
|
|
51
|
+
* @uiEnum ["primary", "secondary", "null"]
|
|
52
|
+
* @uiEnumNames ["Primary", "Secondary", "None"]
|
|
53
|
+
*/
|
|
54
|
+
this.columnToHideInMobile = null;
|
|
48
55
|
withHooks(this);
|
|
49
56
|
}
|
|
50
57
|
disconnectedCallback() { }
|
|
@@ -215,7 +222,7 @@ export class Hero {
|
|
|
215
222
|
"type": "string",
|
|
216
223
|
"mutable": false,
|
|
217
224
|
"complexType": {
|
|
218
|
-
"original": "\"primary\" | \"secondary\"",
|
|
225
|
+
"original": "\"primary\" | \"secondary\" | null",
|
|
219
226
|
"resolved": "\"primary\" | \"secondary\"",
|
|
220
227
|
"references": {}
|
|
221
228
|
},
|
|
@@ -225,11 +232,18 @@ export class Hero {
|
|
|
225
232
|
"tags": [{
|
|
226
233
|
"text": "Hide the column in mobile view",
|
|
227
234
|
"name": "uiName"
|
|
235
|
+
}, {
|
|
236
|
+
"text": "[\"primary\", \"secondary\", \"null\"]",
|
|
237
|
+
"name": "uiEnum"
|
|
238
|
+
}, {
|
|
239
|
+
"text": "[\"Primary\", \"Secondary\", \"None\"]",
|
|
240
|
+
"name": "uiEnumNames"
|
|
228
241
|
}],
|
|
229
242
|
"text": "Can only be used when two columns are present"
|
|
230
243
|
},
|
|
231
244
|
"attribute": "column-to-hide-in-mobile",
|
|
232
|
-
"reflect": false
|
|
245
|
+
"reflect": false,
|
|
246
|
+
"defaultValue": "null"
|
|
233
247
|
}
|
|
234
248
|
}; }
|
|
235
249
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { withHooks } from "@saasquatch/stencil-hooks";
|
|
2
2
|
import { Component, h, Prop, State } from "@stencil/core";
|
|
3
3
|
import { useScroll } from "./useScroll";
|
|
4
|
-
import { createStyleSheet } from "../../styling/JSS";
|
|
5
4
|
/**
|
|
6
5
|
* @uiName Scroll Button
|
|
7
6
|
* @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-tab","sqb-program-section","sqb-conditional-section"]
|
|
@@ -33,66 +32,10 @@ export class Scroll {
|
|
|
33
32
|
var _a;
|
|
34
33
|
const { callbacks } = useScroll(this);
|
|
35
34
|
const outlineColor = (_a = this.buttonType) !== null && _a !== void 0 ? _a : "primary";
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
color: "var(--sl-color-" + outlineColor + "-500)",
|
|
41
|
-
borderColor: "var(--sl-color-" + outlineColor + "-500)",
|
|
42
|
-
backgroundColor: "transparent",
|
|
43
|
-
"&:hover": {
|
|
44
|
-
color: "var(--sl-color-primary-text)",
|
|
45
|
-
backgroundColor: "var(--sl-color-" + outlineColor + "-500)",
|
|
46
|
-
},
|
|
47
|
-
},
|
|
48
|
-
},
|
|
49
|
-
"& .neutral": {
|
|
50
|
-
"&::part(base)": {
|
|
51
|
-
color: "var(--sl-color-primary-text)",
|
|
52
|
-
background: "var(--sl-color-neutral-500)",
|
|
53
|
-
"&:hover": {
|
|
54
|
-
opacity: "0.8",
|
|
55
|
-
},
|
|
56
|
-
},
|
|
57
|
-
},
|
|
58
|
-
"& .mobile": {
|
|
59
|
-
"@media (max-width: 499px)": {
|
|
60
|
-
width: "100%",
|
|
61
|
-
},
|
|
62
|
-
},
|
|
63
|
-
},
|
|
64
|
-
};
|
|
65
|
-
const sheet = createStyleSheet(style);
|
|
66
|
-
const styleString = sheet.toString();
|
|
67
|
-
const vanillaStyle = `
|
|
68
|
-
:host{
|
|
69
|
-
display: contents;
|
|
70
|
-
}
|
|
71
|
-
${this.mobile &&
|
|
72
|
-
`
|
|
73
|
-
@media only screen and (max-width: 499px) {
|
|
74
|
-
:host {
|
|
75
|
-
display: block;
|
|
76
|
-
width: 100%;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
`}
|
|
80
|
-
`;
|
|
81
|
-
let classStack = "";
|
|
82
|
-
if (this.outline && this.buttonType != "default")
|
|
83
|
-
classStack += "outline ";
|
|
84
|
-
if (this.buttonType === "neutral")
|
|
85
|
-
classStack += "neutral ";
|
|
86
|
-
if (this.mobile)
|
|
87
|
-
classStack += "mobile ";
|
|
88
|
-
return (h("div", { class: sheet.classes.Button },
|
|
89
|
-
h("style", { type: "text/css" },
|
|
90
|
-
vanillaStyle,
|
|
91
|
-
styleString),
|
|
92
|
-
h("sl-button", { type: this.buttonType, onClick: callbacks.scroll, size: this.size, pill: this.pill, circle: this.circle, class: classStack },
|
|
93
|
-
(this.iconSlot || this.iconName) && (h("sl-icon", { slot: this.iconSlot || "prefix", name: this.iconName })),
|
|
94
|
-
this.buttonText,
|
|
95
|
-
h("slot", null))));
|
|
35
|
+
return (h("sl-button", { type: "secondary", onClick: callbacks.scroll, size: this.size, pill: this.pill, circle: this.circle, exportparts: "base: secondarybutton-base" },
|
|
36
|
+
(this.iconSlot || this.iconName) && (h("sl-icon", { slot: this.iconSlot || "prefix", name: this.iconName })),
|
|
37
|
+
this.buttonText,
|
|
38
|
+
h("slot", null)));
|
|
96
39
|
}
|
|
97
40
|
static get is() { return "sqm-scroll"; }
|
|
98
41
|
static get encapsulation() { return "shadow"; }
|