@saasquatch/mint-components 1.15.0-122 → 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 +2 -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-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 +2 -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-f9338aad.system.entry.js → p-65e8d424.system.entry.js} +1 -1
- 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-ce703132.entry.js → p-f4ae6b52.entry.js} +1 -1
- 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/docs/docs.docx +0 -0
- package/package.json +1 -1
- package/dist/mint-components/p-910f56ca.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');
|
|
@@ -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');
|
|
@@ -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"; }
|