@shoplflow/base 0.13.5 → 0.13.7
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/styles/global.css +7 -7
- package/dist/styles/global.css.map +1 -1
- package/package.json +10 -4
package/dist/styles/global.css
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
}
|
|
5
5
|
:root[data-shoplflow] {
|
|
6
|
-
--font-weight-regular:
|
|
7
|
-
--font-weight-medium:
|
|
6
|
+
--font-weight-regular: 500;
|
|
7
|
+
--font-weight-medium: 600;
|
|
8
8
|
--font-weight-bold: 700;
|
|
9
9
|
--border-radius04: 4px;
|
|
10
10
|
--border-radius06: 6px;
|
|
@@ -168,13 +168,13 @@
|
|
|
168
168
|
line-height: 18px;
|
|
169
169
|
font-size: 13px;
|
|
170
170
|
}
|
|
171
|
-
.
|
|
172
|
-
font-weight: var(--font-weight-
|
|
171
|
+
.caption_700 {
|
|
172
|
+
font-weight: var(--font-weight-bold);
|
|
173
173
|
line-height: 16px;
|
|
174
174
|
font-size: 12px;
|
|
175
175
|
}
|
|
176
|
-
.
|
|
177
|
-
font-weight: var(--font-weight-
|
|
176
|
+
.caption_400 {
|
|
177
|
+
font-weight: var(--font-weight-regular);
|
|
178
178
|
line-height: 16px;
|
|
179
179
|
font-size: 12px;
|
|
180
180
|
}
|
|
@@ -314,7 +314,7 @@
|
|
|
314
314
|
font-size: 13px;
|
|
315
315
|
}
|
|
316
316
|
.body3_400 {
|
|
317
|
-
font-weight: var(--font-weight-
|
|
317
|
+
font-weight: var(--font-weight-medium);
|
|
318
318
|
line-height: 16px;
|
|
319
319
|
font-size: 12px;
|
|
320
320
|
}
|
|
@@ -1 +1 @@
|
|
|
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: 400;\n --font-weight-medium: 500;\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 --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_400 {\n font-weight: var(--font-weight-regular);\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}\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}\n"],"mappings":"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AW;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;AACF;","names":[]}
|
|
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 --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-medium);\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}\n"],"mappings":"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AW;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;AACF;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shoplflow/base",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"exports": {
|
|
8
8
|
".": {
|
|
9
|
-
"
|
|
10
|
-
|
|
9
|
+
"require": {
|
|
10
|
+
"types": "./dist/index.d.cts",
|
|
11
|
+
"default": "./dist/index.cjs"
|
|
12
|
+
},
|
|
13
|
+
"import": {
|
|
14
|
+
"types": "./dist/index.d.ts",
|
|
15
|
+
"default": "./dist/index.js"
|
|
16
|
+
}
|
|
11
17
|
},
|
|
12
18
|
"./styles": "./dist/styles/global.css",
|
|
13
19
|
"./reset": "./dist/styles/reset.css",
|
|
@@ -79,8 +85,8 @@
|
|
|
79
85
|
"@floating-ui/core": "^1.5.0",
|
|
80
86
|
"@floating-ui/react": "^0.26.2",
|
|
81
87
|
"@floating-ui/react-dom": "^2.0.3",
|
|
82
|
-
"@shoplflow/hada-assets": "^0.0.3",
|
|
83
88
|
"@shoplflow/shopl-assets": "^0.3.1",
|
|
89
|
+
"@shoplflow/hada-assets": "^0.0.3",
|
|
84
90
|
"@shoplflow/utils": "^0.4.0"
|
|
85
91
|
},
|
|
86
92
|
"scripts": {
|