@shoplflow/base 0.2.0 → 0.3.0
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.map +1 -1
- package/dist/index.css +1 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.css
CHANGED
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/styles/global.css"],"sourcesContent":["/* Generate by scripts/generate-tokens.js */\n/* eslint-disable */\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 --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}\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}\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_400 {\n font-weight: var(--font-weight-regular);\n line-height: 16px;\n font-size: 12px;\n }\n}\n"],"mappings":"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ACA,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: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 --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}\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_400 {\n font-weight: var(--font-weight-regular);\n line-height: 16px;\n font-size: 12px;\n }\n}\n"],"mappings":"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c;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;AACF;","names":[]}
|
package/dist/index.d.cts
CHANGED
|
@@ -92,6 +92,9 @@ declare const spacingTokens: {
|
|
|
92
92
|
spacing32: string;
|
|
93
93
|
spacing40: string;
|
|
94
94
|
};
|
|
95
|
+
declare const boxShadowTokens: {
|
|
96
|
+
dropShadow: string;
|
|
97
|
+
};
|
|
95
98
|
declare const typographyTokens: {
|
|
96
99
|
heading1_700: string;
|
|
97
100
|
heading1_400: string;
|
|
@@ -118,6 +121,7 @@ declare const typographyTokens: {
|
|
|
118
121
|
type ColorTokens = keyof typeof colorTokens;
|
|
119
122
|
type SpacingTokens = keyof typeof spacingTokens;
|
|
120
123
|
type BorderRadiusTokens = keyof typeof borderRadiusTokens;
|
|
124
|
+
type BoxShadowTokens = keyof typeof boxShadowTokens;
|
|
121
125
|
type FontWeightTokens = keyof typeof fontWeightTokens;
|
|
122
126
|
type TypographyTokens = keyof typeof typographyTokens;
|
|
123
127
|
|
|
@@ -205,4 +209,4 @@ declare const StyledStack: _emotion_styled.StyledComponent<{
|
|
|
205
209
|
as?: React.ElementType<any> | undefined;
|
|
206
210
|
} & StackOptionProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
207
211
|
|
|
208
|
-
export { BorderRadiusTokens, ColorTokens, FontWeightTokens, MotionStack, MotionStackComponentType, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledStack, TypographyTokens, borderRadiusTokens, colorTokens, fontWeightTokens, spacingTokens, typographyTokens, useDomain };
|
|
212
|
+
export { BorderRadiusTokens, BoxShadowTokens, ColorTokens, FontWeightTokens, MotionStack, MotionStackComponentType, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledStack, TypographyTokens, borderRadiusTokens, colorTokens, fontWeightTokens, spacingTokens, typographyTokens, useDomain };
|
package/dist/index.d.ts
CHANGED
|
@@ -92,6 +92,9 @@ declare const spacingTokens: {
|
|
|
92
92
|
spacing32: string;
|
|
93
93
|
spacing40: string;
|
|
94
94
|
};
|
|
95
|
+
declare const boxShadowTokens: {
|
|
96
|
+
dropShadow: string;
|
|
97
|
+
};
|
|
95
98
|
declare const typographyTokens: {
|
|
96
99
|
heading1_700: string;
|
|
97
100
|
heading1_400: string;
|
|
@@ -118,6 +121,7 @@ declare const typographyTokens: {
|
|
|
118
121
|
type ColorTokens = keyof typeof colorTokens;
|
|
119
122
|
type SpacingTokens = keyof typeof spacingTokens;
|
|
120
123
|
type BorderRadiusTokens = keyof typeof borderRadiusTokens;
|
|
124
|
+
type BoxShadowTokens = keyof typeof boxShadowTokens;
|
|
121
125
|
type FontWeightTokens = keyof typeof fontWeightTokens;
|
|
122
126
|
type TypographyTokens = keyof typeof typographyTokens;
|
|
123
127
|
|
|
@@ -205,4 +209,4 @@ declare const StyledStack: _emotion_styled.StyledComponent<{
|
|
|
205
209
|
as?: React.ElementType<any> | undefined;
|
|
206
210
|
} & StackOptionProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
207
211
|
|
|
208
|
-
export { BorderRadiusTokens, ColorTokens, FontWeightTokens, MotionStack, MotionStackComponentType, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledStack, TypographyTokens, borderRadiusTokens, colorTokens, fontWeightTokens, spacingTokens, typographyTokens, useDomain };
|
|
212
|
+
export { BorderRadiusTokens, BoxShadowTokens, ColorTokens, FontWeightTokens, MotionStack, MotionStackComponentType, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledStack, TypographyTokens, borderRadiusTokens, colorTokens, fontWeightTokens, spacingTokens, typographyTokens, useDomain };
|