@shoplflow/base 0.32.20 → 0.32.21
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/index.cjs +36 -29
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +36 -29
- package/dist/styles/global.css +0 -1
- package/dist/styles/reset.css +0 -1
- package/package.json +27 -27
- package/dist/index.cjs.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/styles/global.css.map +0 -1
- package/dist/styles/reset.css.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/styles/global.css"],"sourcesContent":["/* Generate by scripts/generate-tokens.js */\n/* eslint-disable */\n*{\n box-sizing: border-box;\n}\n:root[data-shoplflow] {\n --font-weight-regular: 500;\n --font-weight-medium: 600;\n --font-weight-bold: 700;\n --border-radius04: 4px;\n --border-radius06: 6px;\n --border-radius08: 8px;\n --border-radius12: 12px;\n --border-radius16: 16px;\n --border-radius20: 20px;\n --spacing02: 2px;\n --spacing04: 4px;\n --spacing06: 6px;\n --spacing08: 8px;\n --spacing12: 12px;\n --spacing16: 16px;\n --spacing20: 20px;\n --spacing24: 24px;\n --spacing30: 30px;\n --spacing32: 32px;\n --spacing40: 40px;\n --dropShadow: 0px 8px 16px 0px rgba(0,0,0,0.12);\n}\n:root[data-shoplflow][data-shoplflow=hada] {\n --coolgray300: #8092aa;\n --coolgray200: #cdd6e4;\n --coolgray100: #dce3ee;\n --coolgray50: #f1f4f6;\n --navy400: #35485b;\n --navy300: #406588;\n --neutral0: #ffffff;\n --neutral100: #f9f9f9;\n --neutral150: #f4f4f4;\n --neutral200: #eaeaea;\n --neutral300: #dddddd;\n --neutral350: #cccccc;\n --neutral400: #999999;\n --neutral500: #777777;\n --neutral600: #555555;\n --neutral700: #333333;\n --neutral400_5: #9999990d;\n --red300: #ff6666;\n --red200: #ff7979;\n --red100: #f9ebeb;\n --ocean300: #2f839f;\n --ocean200: #3eb0b8;\n --ocean100: #95d6d3;\n --purple400: #5c68c9;\n --purple300: #6979f8;\n --purple100: #eff1ff;\n --yellow300: #ffbb00;\n --yellow200: #ffda75;\n --yellow100: #fff7dd;\n --green300: #4dc9aa;\n --green200: #77d5bb;\n --green100: #d8f2eb;\n --shopl400: #2d89e4;\n --shopl300: #3299fe;\n --shopl200: #84c2fc;\n --shopl150: #d6e9fb;\n --shopl100: #eaf5ff;\n --hada400: #05a77b;\n --hada300: #02b585;\n --hada200: #61cbb5;\n --hada150: #c1e7dd;\n --hada100: #d9f4ed;\n --background: #f7f9fd;\n --primary100: #d9f4ed;\n --primary150: #c1e7dd;\n --primary200: #61cbb5;\n --primary300: #02b585;\n --primary400: #05a77b;\n .heading1_700 {\n font-weight: var(--font-weight-bold);\n line-height: 38px;\n font-size: 32px;\n }\n .heading1_400 {\n font-weight: var(--font-weight-regular);\n line-height: 38px;\n font-size: 32px;\n }\n .heading2_700 {\n font-weight: var(--font-weight-bold);\n line-height: 28px;\n font-size: 24px;\n }\n .heading2_400 {\n font-weight: var(--font-weight-regular);\n line-height: 28px;\n font-size: 24px;\n }\n .heading3_700 {\n font-weight: var(--font-weight-bold);\n line-height: 26px;\n font-size: 22px;\n }\n .heading3_400 {\n font-weight: var(--font-weight-regular);\n line-height: 26px;\n font-size: 22px;\n }\n .title1_700 {\n font-weight: var(--font-weight-bold);\n line-height: 24px;\n font-size: 20px;\n }\n .title1_400 {\n font-weight: var(--font-weight-regular);\n line-height: 24px;\n font-size: 20px;\n }\n .title2_700 {\n font-weight: var(--font-weight-bold);\n line-height: 22px;\n font-size: 18px;\n }\n .title2_500 {\n font-weight: var(--font-weight-medium);\n line-height: 22px;\n font-size: 18px;\n }\n .title2_400 {\n font-weight: var(--font-weight-regular);\n line-height: 22px;\n font-size: 18px;\n }\n .body1_700 {\n font-weight: var(--font-weight-bold);\n line-height: 22px;\n font-size: 16px;\n }\n .body1_500 {\n font-weight: var(--font-weight-medium);\n line-height: 22px;\n font-size: 16px;\n }\n .body1_400 {\n font-weight: var(--font-weight-regular);\n line-height: 22px;\n font-size: 16px;\n }\n .body2_700 {\n font-weight: var(--font-weight-bold);\n line-height: 18px;\n font-size: 14px;\n }\n .body2_500 {\n font-weight: var(--font-weight-medium);\n line-height: 18px;\n font-size: 14px;\n }\n .body2_400 {\n font-weight: var(--font-weight-regular);\n line-height: 18px;\n font-size: 14px;\n }\n .body3_400 {\n font-weight: var(--font-weight-regular);\n line-height: 18px;\n font-size: 13px;\n }\n .body3_500 {\n font-weight: var(--font-weight-medium);\n line-height: 18px;\n font-size: 13px;\n }\n .caption_700 {\n font-weight: var(--font-weight-bold);\n line-height: 16px;\n font-size: 12px;\n }\n .caption_400 {\n font-weight: var(--font-weight-regular);\n line-height: 16px;\n font-size: 12px;\n }\n}\n:root[data-shoplflow][data-shoplflow=shopl] {\n --coolgray300: #8092aa;\n --coolgray200: #cdd6e4;\n --coolgray100: #dce3ee;\n --coolgray50: #f1f4f6;\n --navy400: #35485b;\n --navy300: #406588;\n --neutral0: #ffffff;\n --neutral100: #f9f9f9;\n --neutral150: #f4f4f4;\n --neutral200: #eaeaea;\n --neutral300: #dddddd;\n --neutral350: #cccccc;\n --neutral400: #999999;\n --neutral500: #777777;\n --neutral600: #555555;\n --neutral700: #333333;\n --neutral400_5: #9999990d;\n --red300: #ff6666;\n --red200: #ff7979;\n --red100: #f9ebeb;\n --ocean300: #2f839f;\n --ocean200: #3eb0b8;\n --ocean100: #95d6d3;\n --purple400: #5c68c9;\n --purple300: #6979f8;\n --purple100: #eff1ff;\n --yellow300: #ffbb00;\n --yellow200: #ffda75;\n --yellow100: #fff7dd;\n --green300: #4dc9aa;\n --green200: #77d5bb;\n --green100: #d8f2eb;\n --shopl400: #2d89e4;\n --shopl300: #3299fe;\n --shopl200: #84c2fc;\n --shopl150: #d6e9fb;\n --shopl100: #eaf5ff;\n --hada400: #05a77b;\n --hada300: #02b585;\n --hada200: #61cbb5;\n --hada150: #c1e7dd;\n --hada100: #d9f4ed;\n --background: #f6f6f6;\n --primary100: #eaf5ff;\n --primary150: #d6e9fb;\n --primary200: #84c2fc;\n --primary300: #3299fe;\n --primary400: #2d89e4;\n .heading1_700 {\n font-weight: var(--font-weight-bold);\n line-height: 34px;\n font-size: 28px;\n }\n .heading1_400 {\n font-weight: var(--font-weight-regular);\n line-height: 34px;\n font-size: 28px;\n }\n .heading2_700 {\n font-weight: var(--font-weight-bold);\n line-height: 28px;\n font-size: 24px;\n }\n .heading2_400 {\n font-weight: var(--font-weight-regular);\n line-height: 28px;\n font-size: 24px;\n }\n .heading3_700 {\n font-weight: var(--font-weight-bold);\n line-height: 24px;\n font-size: 20px;\n }\n .heading3_400 {\n font-weight: var(--font-weight-regular);\n line-height: 24px;\n font-size: 20px;\n }\n .title1_700 {\n font-weight: var(--font-weight-bold);\n line-height: 22px;\n font-size: 18px;\n }\n .title1_400 {\n font-weight: var(--font-weight-regular);\n line-height: 22px;\n font-size: 18px;\n }\n .title2_700 {\n font-weight: var(--font-weight-bold);\n line-height: 20px;\n font-size: 16px;\n }\n .title2_500 {\n font-weight: var(--font-weight-medium);\n line-height: 20px;\n font-size: 16px;\n }\n .title2_400 {\n font-weight: var(--font-weight-regular);\n line-height: 20px;\n font-size: 16px;\n }\n .body1_700 {\n font-weight: var(--font-weight-bold);\n line-height: 18px;\n font-size: 14px;\n }\n .body1_500 {\n font-weight: var(--font-weight-medium);\n line-height: 18px;\n font-size: 14px;\n }\n .body1_400 {\n font-weight: var(--font-weight-regular);\n line-height: 18px;\n font-size: 14px;\n }\n .body2_700 {\n font-weight: var(--font-weight-bold);\n line-height: 16px;\n font-size: 13px;\n }\n .body2_500 {\n font-weight: var(--font-weight-medium);\n line-height: 16px;\n font-size: 13px;\n }\n .body2_400 {\n font-weight: var(--font-weight-regular);\n line-height: 16px;\n font-size: 13px;\n }\n .body3_400 {\n font-weight: var(--font-weight-regular);\n line-height: 16px;\n font-size: 12px;\n }\n .body3_500 {\n font-weight: var(--font-weight-medium);\n line-height: 16px;\n font-size: 12px;\n }\n .caption_700 {\n font-weight: var(--font-weight-bold);\n line-height: 16px;\n font-size: 12px;\n }\n .caption_400 {\n font-weight: var(--font-weight-regular);\n line-height: 16px;\n font-size: 12px;\n }\n .paragraph1 {\n font-weight: var(--font-weight-regular);\n line-height: 22px;\n font-size: 14px;\n }\n .paragraph2 {\n font-weight: var(--font-weight-regular);\n line-height: 20px;\n font-size: 13px;\n }\n}\n"],"mappings":"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AW;AACX,aAAW;AACX,aAAW;AACX,aAAW;AACX,aAAW;AACX,gBAAc;AACd,gBAAc;AACd,gBAAc;AACd,gBAAc;AACd,gBAAc;AACd,gBAAc;AACd,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACA,GAAC;AACC,iBAAa,IAAI;AACjB,iBAAa;AACb,eAAW;AACb;AACF;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/styles/reset.css"],"sourcesContent":["@charset \"utf-8\";\n/***\n The new CSS reset - version 1.8.5 (last updated 14.6.2023)\n GitHub page: https://github.com/elad2412/the-new-css-reset\n***/\n\n/*\n Remove all the styles of the \"User-Agent-Stylesheet\", except for the 'display' property\n - The \"symbol *\" part is to solve Firefox SVG sprite bug\n - The \"html\" attribute is exclud, because otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)\n */\n*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {\n all: unset;\n display: revert;\n}\n\n/* Preferred box-sizing value */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n/* Reapply the pointer cursor for anchor tags */\na, button {\n cursor: revert;\n}\n\n/* Remove list styles (bullets/numbers) */\nol, ul, menu {\n list-style: none;\n}\n\n/* For images to not be able to exceed their container */\nimg {\n max-inline-size: 100%;\n max-block-size: 100%;\n}\n\n/* removes spacing between cells in tables */\ntable {\n border-collapse: collapse;\n}\n\n/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */\ninput, textarea {\n -webkit-user-select: auto;\n}\n\n/* revert the 'white-space' property for textarea elements on Safari */\ntextarea {\n white-space: revert;\n}\n\n/* minimum style to allow to style meter element */\nmeter {\n -webkit-appearance: revert;\n appearance: revert;\n}\n\n/* preformatted text - use only for this feature */\n:where(pre) {\n all: revert;\n}\n\n/* reset default text opacity of input placeholder */\n::placeholder {\n color: unset;\n}\n\n/* remove default dot (•) sign */\n::marker {\n content: initial;\n}\n\n/* fix the feature of 'hidden' attribute.\n display:revert; revert to element instead of attribute */\n:where([hidden]) {\n display: none;\n}\n\n/* revert for bug in Chromium browsers\n - fix for the content editable attribute will work properly.\n - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element */\n:where([contenteditable]:not([contenteditable=\"false\"])) {\n -moz-user-modify: read-write;\n -webkit-user-modify: read-write;\n overflow-wrap: break-word;\n -webkit-line-break: after-white-space;\n -webkit-user-select: auto;\n}\n\n/* apply back the draggable feature - exist only in Chromium and Safari */\n:where([draggable=\"true\"]) {\n -webkit-user-drag: element;\n}\n\n/* Revert Modal native behavior */\n:where(dialog:modal) {\n all: revert;\n}"],"mappings":";;;AAWA,CAAC,OAAO,KAAK,MAAM,QAAQ,QAAQ,KAAK,KAAK,OAAO,MAAM,KAAK,IAAI,GAAG,OAAO;AACzE,OAAK;AACL,WAAS;AACb;AAGA;AACA,CAAC;AACD,CAAC;AACG,cAAY;AAChB;AAGA;AAAG;AACC,UAAQ;AACZ;AAGA;AAAI;AAAI;AACJ,cAAY;AAChB;AAGA;AACI,mBAAiB;AACjB,kBAAgB;AACpB;AAGA;AACI,mBAAiB;AACrB;AAGA;AAAO;AACH,uBAAqB;AACzB;AAGA;AACI,eAAa;AACjB;AAGA;AACI,sBAAoB;AACpB,cAAY;AAChB;AAGA,OAAO;AACH,OAAK;AACT;AAGA;AACI,SAAO;AACX;AAGA;AACI,WAAS;AACb;AAIA,OAAO,CAAC;AACJ,WAAS;AACb;AAKA,OAAO,CAAC,gBAAgB,KAAK,CAAC;AAC1B,oBAAkB;AAClB,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,uBAAqB;AACzB;AAGA,OAAO,CAAC;AACJ,qBAAmB;AACvB;AAGA,OAAO,MAAM;AACT,OAAK;AACT;","names":[]}
|