sate-lib 2.9.0 → 2.11.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/README.md +1 -0
- package/lib/assets/fonts/golos-ui-vf.woff2 +0 -0
- package/lib/assets/styles/typography.css +1 -1
- package/lib/components/menu-item/menu-item.d.ts +2 -2
- package/lib/components/menu-item/menu-item.d.ts.map +1 -1
- package/lib/components/menu-item/menu-item.js +1 -1
- package/package.json +1 -1
- package/lib/assets/fonts/golos-ui-medium.woff2 +0 -0
- package/lib/assets/fonts/golos-ui-regular.woff2 +0 -0
package/README.md
CHANGED
|
@@ -32,6 +32,7 @@ A lightweight and modular React component library designed for modern web interf
|
|
|
32
32
|
- [Semantic Release](https://github.com/semantic-release/semantic-release)
|
|
33
33
|
- [Subset Font](https://www.npmjs.com/package/subset-font)
|
|
34
34
|
- [SVGO](https://svgo.dev/docs/introduction/)
|
|
35
|
+
- [React Doctor](https://www.react.doctor/)
|
|
35
36
|
|
|
36
37
|
## Installation
|
|
37
38
|
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-family:Author;src:url(../../assets/fonts/author-bold.woff2)format("woff2");font-weight:700;font-
|
|
1
|
+
@font-face{font-family:Author;src:url(../../assets/fonts/author-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Golos UI;src:url(../../assets/fonts/golos-ui-vf.woff2)format("woff2");font-weight:400 500;font-style:normal;font-display:swap}.displayLarge,.displayMedium,.displaySmall,.titleScreen,.titleSection,.titleSubsection,.titleBody,.titleGroup{font-family:var(--typeface-brand,"Author");font-weight:700}.displayLarge{font-size:var(--typescale-display-large-font-size,6rem);line-height:var(--typescale-display-large-line-height,5.125rem);letter-spacing:var(--typescale-display-large-letter-spacing,0)}.displayMedium{font-size:var(--typescale-display-medium-font-size,4rem);line-height:var(--typescale-display-medium-line-height,3.375rem);letter-spacing:var(--typescale-display-medium-letter-spacing,0)}.displaySmall{font-size:var(--typescale-display-small-font-size,2.5rem);line-height:var(--typescale-display-small-line-height,2.125rem);letter-spacing:var(--typescale-display-small-letter-spacing,0)}.titleScreen{font-size:var(--typescale-title-screen-font-size,2.5rem);line-height:var(--typescale-title-screen-line-height,2.125rem);letter-spacing:var(--typescale-title-screen-letter-spacing,0)}.titleSection{font-size:var(--typescale-title-section-font-size,1.75rem);line-height:var(--typescale-title-section-line-height,2.25rem);letter-spacing:var(--typescale-title-section-letter-spacing,-.025rem)}.titleSubsection{font-size:var(--typescale-title-subsection-font-size,1.25rem);line-height:var(--typescale-title-subsection-line-height,1.75rem);letter-spacing:var(--typescale-title-subsection-letter-spacing,-.01875rem)}.titleBody{font-size:var(--typescale-title-body-font-size,1.125rem);line-height:var(--typescale-title-body-line-height,1.5rem);letter-spacing:var(--typescale-title-body-letter-spacing,-.0125rem)}.titleGroup{font-size:var(--typescale-title-group-font-size,1.125rem);line-height:var(--typescale-title-group-line-height,1.625rem);letter-spacing:var(--typescale-title-group-letter-spacing,-.00625rem)}.bodyXLargeEmphasis,.bodyXLarge,.bodyLargeEmphasis,.bodyLarge,.bodyDefaultEmphasis,.bodyDefault,.bodySmallEmphasis,.bodySmall,.linkLarge,.linkDefault,.linkSmall{font-family:var(--typeface-interface,"Golos UI")}.bodyXLargeEmphasis{font-size:var(--typescale-body-x-large-emphasis-font-size,1.125rem);font-weight:500;line-height:var(--typescale-body-x-large-emphasis-line-height,1.625rem);letter-spacing:var(--typescale-body-x-large-emphasis-letter-spacing,-.0125rem)}.bodyXLarge{font-size:var(--typescale-body-x-large-font-size,1.125rem);font-weight:400;line-height:var(--typescale-body-x-large-line-height,1.625rem);letter-spacing:var(--typescale-body-x-large-letter-spacing,-.0125rem)}.bodyLargeEmphasis{font-size:var(--typescale-body-large-emphasis-font-size,1rem);font-weight:500;line-height:var(--typescale-body-large-emphasis-line-height,1.5rem);letter-spacing:var(--typescale-body-large-emphasis-letter-spacing,-.0125rem)}.bodyLarge{font-size:var(--typescale-body-large-font-size,1rem);font-weight:400;line-height:var(--typescale-body-large-line-height,1.5rem);letter-spacing:var(--typescale-body-large-letter-spacing,-.0125rem)}.bodyDefaultEmphasis{font-size:var(--typescale-body-default-emphasis-font-size,.875rem);font-weight:500;line-height:var(--typescale-body-default-emphasis-line-height,1.25rem);letter-spacing:var(--typescale-body-default-emphasis-letter-spacing,0)}.bodyDefault{font-size:var(--typescale-body-default-font-size,.875rem);font-weight:400;line-height:var(--typescale-body-default-line-height,1.25rem);letter-spacing:var(--typescale-body-default-letter-spacing,0)}.bodySmallEmphasis{font-size:var(--typescale-body-small-emphasis-font-size,.75rem);font-weight:500;line-height:var(--typescale-body-small-emphasis-line-height,1rem);letter-spacing:var(--typescale-body-small-emphasis-letter-spacing,-.0125rem)}.bodySmall{font-size:var(--typescale-body-small-font-size,.75rem);font-weight:400;line-height:var(--typescale-body-small-line-height,1rem);letter-spacing:var(--typescale-body-small-letter-spacing,-.0125rem)}.linkLarge,.linkDefault,.linkSmall{text-decoration-skip-ink:none;text-underline-position:from-font;text-underline-offset:auto;font-weight:500;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}.linkLarge{font-size:var(--typescale-link-large-font-size,1rem);line-height:var(--typescale-link-large-line-height,1.5rem);letter-spacing:var(--typescale-link-large-letter-spacing,-.0125rem)}.linkDefault{font-size:var(--typescale-link-default-font-size,.875rem);line-height:var(--typescale-link-default-line-height,1.375rem);letter-spacing:var(--typescale-link-default-letter-spacing,0)}.linkSmall{font-size:var(--typescale-link-small-font-size,.75rem);line-height:var(--typescale-link-small-line-height,1rem);letter-spacing:var(--typescale-link-small-letter-spacing,-.0125rem)}
|
|
@@ -9,9 +9,9 @@ export interface MenuItemProps {
|
|
|
9
9
|
photo?: boolean;
|
|
10
10
|
name: string;
|
|
11
11
|
description?: string;
|
|
12
|
-
|
|
12
|
+
tags?: BadgeProps[];
|
|
13
13
|
prices: Prices[];
|
|
14
14
|
}
|
|
15
|
-
export declare function MenuItem({ extra, special, photo, name, description,
|
|
15
|
+
export declare function MenuItem({ extra, special, photo, name, description, tags, prices, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export {};
|
|
17
17
|
//# sourceMappingURL=menu-item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAWxD,UAAU,MAAM;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,
|
|
1
|
+
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAWxD,UAAU,MAAM;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACxB,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,MAAM,GACN,EAAE,aAAa,2CAgDf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{cn as s}from"../../util.js";import{Badge as i}from"../badge/badge.js";import r from"../icons/assets/EyeFill.js";import l from"./menu-item.styles.module.js";function c(e){return new Intl.NumberFormat("en-GB",{currency:"GBP",style:"currency"}).format(e/100)}function n({extra:n,special:m,photo:
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{cn as s}from"../../util.js";import{Badge as i}from"../badge/badge.js";import r from"../icons/assets/EyeFill.js";import l from"./menu-item.styles.module.js";function c(e){return new Intl.NumberFormat("en-GB",{currency:"GBP",style:"currency"}).format(e/100)}function n({extra:n,special:m,photo:t,name:d,description:o,tags:p,prices:h}){return a("div",{className:s(l.root,m&&l.special,n&&l.extra,t&&l.photo),children:[a("div",{className:l.content,children:[t&&e("div",{className:l.icon,children:e(r,{size:12})}),a("div",{className:l.header,children:[a("div",{className:l.nameWrapper,children:[n&&e(i,{label:"Add",variant:"warning"}),e("div",{className:s("bodyDefaultEmphasis",l.name),children:d})]}),p&&e("div",{className:l.tags,children:p?.map((a,s)=>e(i,{...a},`tag-${a.label??a.icon??s}-${s}`))}),e("span",{className:l.dots})]}),e("div",{className:s("bodySmall",l.description),children:o})]}),e("div",{className:l.prices,children:h?.map(({label:i,value:r},m)=>a("div",{className:l.priceItem,children:[!n&&i&&e("span",{className:s("bodyDefault",l.priceLabel),children:i}),e("span",{className:s("bodyDefaultEmphasis",l.priceValue),children:n?`+${c(r)}`:c(r)})]},`price-${i??r}-${m}`))})]})}export{n as MenuItem};
|
package/package.json
CHANGED
|
Binary file
|
|
Binary file
|