@prozorro/prozorro-ui 0.0.5-beta → 0.0.6-beta

package/dist/app/index.json

@@ -1 +1 @@
-{"v":5,"entries":{"foundation-pztext--all-variants":{"type":"story","subtype":"story","id":"foundation-pztext--all-variants","name":"All variants","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"AllVariants"},"foundation-pztext--h-1-bold":{"type":"story","subtype":"story","id":"foundation-pztext--h-1-bold","name":"H1 Bold","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H1Bold"},"foundation-pztext--h-1-regular":{"type":"story","subtype":"story","id":"foundation-pztext--h-1-regular","name":"H1 Regular","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H1Regular"},"foundation-pztext--h-2-bold":{"type":"story","subtype":"story","id":"foundation-pztext--h-2-bold","name":"H2 Bold","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H2Bold"},"foundation-pztext--h-3-bold":{"type":"story","subtype":"story","id":"foundation-pztext--h-3-bold","name":"H3 Bold","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H3Bold"},"foundation-pztext--h-3-regular":{"type":"story","subtype":"story","id":"foundation-pztext--h-3-regular","name":"H3 Regular","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H3Regular"},"foundation-pztext--h-4-regular":{"type":"story","subtype":"story","id":"foundation-pztext--h-4-regular","name":"H4 Regular","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H4Regular"},"foundation-pztext--h-4-semibold":{"type":"story","subtype":"story","id":"foundation-pztext--h-4-semibold","name":"H4 Semibold","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H4Semibold"},"foundation-pztext--h-4-bold":{"type":"story","subtype":"story","id":"foundation-pztext--h-4-bold","name":"H4 Bold","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H4Bold"},"foundation-pztext--subtitle":{"type":"story","subtype":"story","id":"foundation-pztext--subtitle","name":"Subtitle","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"Subtitle"},"foundation-pztext--body-regular":{"type":"story","subtype":"story","id":"foundation-pztext--body-regular","name":"Body Regular","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"BodyRegular"},"foundation-pztext--body-semibold":{"type":"story","subtype":"story","id":"foundation-pztext--body-semibold","name":"Body Semibold","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"BodySemibold"},"foundation-pztext--body-bold":{"type":"story","subtype":"story","id":"foundation-pztext--body-bold","name":"Body Bold","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"BodyBold"},"foundation-pztext--capitalized":{"type":"story","subtype":"story","id":"foundation-pztext--capitalized","name":"Capitalized","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"Capitalized"},"foundation-pztext--hint":{"type":"story","subtype":"story","id":"foundation-pztext--hint","name":"Hint","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"Hint"},"foundation-pztext--line-through-story":{"type":"story","subtype":"story","id":"foundation-pztext--line-through-story","name":"Line Through","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"LineThroughStory"},"foundation-pztext--small-regular":{"type":"story","subtype":"story","id":"foundation-pztext--small-regular","name":"Small Regular","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"SmallRegular"},"foundation-pztext--small-semibold":{"type":"story","subtype":"story","id":"foundation-pztext--small-semibold","name":"Small Semibold","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"SmallSemibold"},"foundation-pztext--small-bold":{"type":"story","subtype":"story","id":"foundation-pztext--small-bold","name":"Small Bold","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"SmallBold"},"foundation-pztext--link-story":{"type":"story","subtype":"story","id":"foundation-pztext--link-story","name":"Link","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"LinkStory"},"foundation-pztext--document":{"type":"story","subtype":"story","id":"foundation-pztext--document","name":"Document","title":"Foundation/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"Document"}}}
+{"v":5,"entries":{"foundation-typography--reference":{"type":"story","subtype":"story","id":"foundation-typography--reference","name":"Reference","title":"Foundation/Typography","importPath":"./src/foundation/Typography/Typography.stories.ts","tags":["dev","test","manifest"],"exportName":"Reference"},"foundation-colors--reference":{"type":"story","subtype":"story","id":"foundation-colors--reference","name":"Reference","title":"Foundation/Colors","importPath":"./src/foundation/Colors/Colors.stories.ts","tags":["dev","test","manifest"],"exportName":"Reference"},"foundation-spacing--reference":{"type":"story","subtype":"story","id":"foundation-spacing--reference","name":"Reference","title":"Foundation/Spacing","importPath":"./src/foundation/Spacing/Spacing.stories.ts","tags":["dev","test","manifest"],"exportName":"Reference"},"foundation-grid--reference":{"type":"story","subtype":"story","id":"foundation-grid--reference","name":"Reference","title":"Foundation/Grid","importPath":"./src/foundation/Grid/Grid.stories.ts","tags":["dev","test","manifest"],"exportName":"Reference"},"components-pztext--h-1-bold":{"type":"story","subtype":"story","id":"components-pztext--h-1-bold","name":"H1 Bold","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H1Bold"},"components-pztext--h-1-regular":{"type":"story","subtype":"story","id":"components-pztext--h-1-regular","name":"H1 Regular","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H1Regular"},"components-pztext--h-2-bold":{"type":"story","subtype":"story","id":"components-pztext--h-2-bold","name":"H2 Bold","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H2Bold"},"components-pztext--h-3-bold":{"type":"story","subtype":"story","id":"components-pztext--h-3-bold","name":"H3 Bold","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H3Bold"},"components-pztext--h-3-regular":{"type":"story","subtype":"story","id":"components-pztext--h-3-regular","name":"H3 Regular","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H3Regular"},"components-pztext--h-4-regular":{"type":"story","subtype":"story","id":"components-pztext--h-4-regular","name":"H4 Regular","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H4Regular"},"components-pztext--h-4-semibold":{"type":"story","subtype":"story","id":"components-pztext--h-4-semibold","name":"H4 Semibold","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H4Semibold"},"components-pztext--h-4-bold":{"type":"story","subtype":"story","id":"components-pztext--h-4-bold","name":"H4 Bold","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"H4Bold"},"components-pztext--subtitle":{"type":"story","subtype":"story","id":"components-pztext--subtitle","name":"Subtitle","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"Subtitle"},"components-pztext--body-regular":{"type":"story","subtype":"story","id":"components-pztext--body-regular","name":"Body Regular","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"BodyRegular"},"components-pztext--body-semibold":{"type":"story","subtype":"story","id":"components-pztext--body-semibold","name":"Body Semibold","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"BodySemibold"},"components-pztext--body-bold":{"type":"story","subtype":"story","id":"components-pztext--body-bold","name":"Body Bold","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"BodyBold"},"components-pztext--capitalized":{"type":"story","subtype":"story","id":"components-pztext--capitalized","name":"Capitalized","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"Capitalized"},"components-pztext--hint":{"type":"story","subtype":"story","id":"components-pztext--hint","name":"Hint","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"Hint"},"components-pztext--line-through-story":{"type":"story","subtype":"story","id":"components-pztext--line-through-story","name":"Line Through","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"LineThroughStory"},"components-pztext--small-regular":{"type":"story","subtype":"story","id":"components-pztext--small-regular","name":"Small Regular","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"SmallRegular"},"components-pztext--small-semibold":{"type":"story","subtype":"story","id":"components-pztext--small-semibold","name":"Small Semibold","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"SmallSemibold"},"components-pztext--small-bold":{"type":"story","subtype":"story","id":"components-pztext--small-bold","name":"Small Bold","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"SmallBold"},"components-pztext--link-story":{"type":"story","subtype":"story","id":"components-pztext--link-story","name":"Link","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"LinkStory"},"components-pztext--document":{"type":"story","subtype":"story","id":"components-pztext--document","name":"Document","title":"Components/PzText","importPath":"./src/components/PzText/PzText.stories.ts","componentPath":"./src/components/PzText/PzText.vue","tags":["dev","test","manifest"],"exportName":"Document"},"components-pzgrid--component-api":{"type":"story","subtype":"story","id":"components-pzgrid--component-api","name":"Component API","title":"Components/PzGrid","importPath":"./src/components/PzGrid/PzGrid.stories.ts","componentPath":"./src/components/PzGrid/PzGrid.vue","tags":["dev","test","manifest"],"exportName":"ComponentApi"},"components-pzgrid--fit-layout":{"type":"story","subtype":"story","id":"components-pzgrid--fit-layout","name":"Auto Fit","title":"Components/PzGrid","importPath":"./src/components/PzGrid/PzGrid.stories.ts","componentPath":"./src/components/PzGrid/PzGrid.vue","tags":["dev","test","manifest"],"exportName":"FitLayout"}}}

package/dist/app/project.json

@@ -1 +1 @@
-{"generatedAt":1775557474345,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"knownPackages":{"stylingPackages":{"sass":"^1.92.1"}},"hasRouterPackage":false,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/vue3","storybookVersion":"10.3.4","storybookVersionSpecifier":"^10.3.4","language":"typescript","storybookPackages":{"@storybook/vue3-vite":{"version":"10.3.4"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.3.4"}},"packageJsonType":"module"}
+{"generatedAt":1775574171753,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"knownPackages":{"stylingPackages":{"sass":"^1.92.1"}},"hasRouterPackage":false,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/vue3","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"10.3.4","storybookVersionSpecifier":"^10.3.4","language":"typescript","storybookPackages":{"@storybook/vue3-vite":{"version":"10.3.4"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.3.4"}},"packageJsonType":"module"}

package/dist/app/sb-addons/storybook-2/manager-bundle.js

@@ -0,0 +1,3 @@
+try{
+(()=>{var h=__STORYBOOK_API__,{ActiveTabs:T,Consumer:g,ManagerContext:y,Provider:O,RequestResponseError:b,Tag:v,addons:a,combineParameters:P,controlOrMetaKey:k,controlOrMetaSymbol:x,eventMatchesShortcut:f,eventToShortcut:A,experimental_MockUniversalStore:C,experimental_UniversalStore:M,experimental_getStatusStore:R,experimental_getTestProviderStore:E,experimental_requestResponse:I,experimental_useStatusStore:G,experimental_useTestProviderStore:K,experimental_useUniversalStore:U,internal_checklistStore:B,internal_fullStatusStore:L,internal_fullTestProviderStore:N,internal_universalChecklistStore:D,internal_universalStatusStore:H,internal_universalTestProviderStore:Y,isMacLike:q,isShortcutTaken:z,keyToSymbol:$,merge:w,mockChannel:V,optionOrAltSymbol:W,shortcutMatchesShortcut:j,shortcutToAriaKeyshortcuts:F,shortcutToHumanString:J,types:Q,useAddonState:X,useArgTypes:Z,useArgs:ee,useChannel:te,useGlobalTypes:re,useGlobals:oe,useParameter:ae,useSharedState:se,useStoryPrepared:ne,useStorybookApi:le,useStorybookState:ie}=__STORYBOOK_API__;var _e=__STORYBOOK_THEMING__,{CacheProvider:de,ClassNames:pe,Global:he,ThemeProvider:Te,background:ge,color:ye,convert:Oe,create:n,createCache:be,createGlobal:ve,createReset:Pe,css:ke,darken:xe,ensure:fe,getPreferredColorScheme:Ae,ignoreSsrWarning:Ce,isPropValid:Me,jsx:Re,keyframes:Ee,lighten:Ie,srOnlyStyles:Ge,styled:Ke,themes:Ue,tokens:Be,typography:Le,useTheme:Ne,withTheme:De}=__STORYBOOK_THEMING__;a.register("TitleAddon",l=>{let s="Prozorro UI",i=()=>{let e=null;try{e=l.getCurrentStoryData()}catch(u){console.error(u)}document.title=e!==null&&e.title?`${e.title.replace(/\//g," / ")} - ${e.name} \u22C5 ${s}`:s};return new MutationObserver(()=>{document.title.endsWith("Storybook")&&i()}).observe(document.querySelector("title"),{childList:!0,subtree:!0,characterData:!0})});a.setConfig({theme:n({base:"light",brandTitle:"Prozorro UI",brandImage:"/prozorro_logo.png",brandTarget:"_self"})});})();
+}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }

package/dist/components/PzGrid/PzGrid.vue.d.ts

@@ -0,0 +1,25 @@
+import { PzGridProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PzGridProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PzGridProps> & Readonly<{}>, {
+    as: import('./types').PzGridTag;
+    container: boolean;
+    fluid: boolean;
+    grid: boolean;
+    fit: boolean;
+    dense: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PzGrid/PzGridItem.vue.d.ts

@@ -0,0 +1,32 @@
+import { PzGridColumnSpan, PzGridItemProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PzGridItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PzGridItemProps> & Readonly<{}>, {
+    as: import('./types').PzGridTag;
+    span: PzGridColumnSpan;
+    sm: PzGridColumnSpan;
+    md: PzGridColumnSpan;
+    lg: PzGridColumnSpan;
+    xl: PzGridColumnSpan;
+    xxl: PzGridColumnSpan;
+    start: import('./types').PzGridColumnStart;
+    startSm: import('./types').PzGridColumnStart;
+    startMd: import('./types').PzGridColumnStart;
+    startLg: import('./types').PzGridColumnStart;
+    startXl: import('./types').PzGridColumnStart;
+    startXxl: import('./types').PzGridColumnStart;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PzGrid/configs.d.ts

@@ -0,0 +1,2 @@
+export declare const pzGridSpanOptions: (1 | 2 | 3 | 4 | 5 | 6 | 8 | 12 | "full")[];
+export declare const pzGridTagOptions: ("div" | "section" | "article" | "main" | "aside" | "header" | "footer" | "nav" | "ul" | "ol")[];

package/dist/components/PzGrid/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PzGrid } from './PzGrid.vue';
+export { default as PzGridItem } from './PzGridItem.vue';
+export type { PzGridProps, PzGridTag, PzGridColumnSpan, PzGridColumnStart, PzGridItemProps } from './types';

package/dist/components/PzGrid/types.d.ts

@@ -0,0 +1,26 @@
+export type PzGridTag = "div" | "section" | "article" | "main" | "aside" | "header" | "footer" | "nav" | "ul" | "ol";
+export type PzGridColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "full";
+export type PzGridColumnStart = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export interface PzGridProps {
+    as?: PzGridTag;
+    container?: boolean;
+    fluid?: boolean;
+    grid?: boolean;
+    fit?: boolean;
+    dense?: boolean;
+}
+export interface PzGridItemProps {
+    as?: PzGridTag;
+    span?: PzGridColumnSpan;
+    sm?: PzGridColumnSpan;
+    md?: PzGridColumnSpan;
+    lg?: PzGridColumnSpan;
+    xl?: PzGridColumnSpan;
+    xxl?: PzGridColumnSpan;
+    start?: PzGridColumnStart;
+    startSm?: PzGridColumnStart;
+    startMd?: PzGridColumnStart;
+    startLg?: PzGridColumnStart;
+    startXl?: PzGridColumnStart;
+    startXxl?: PzGridColumnStart;
+}

package/dist/components/PzText/configs.d.ts

@@ -0,0 +1,2 @@
+export declare const pzTextVariantOptions: ("link" | "h1-bold" | "h1-regular" | "h2-bold" | "h3-bold" | "h3-regular" | "h4-regular" | "h4-semibold" | "h4-bold" | "subtitle" | "body-regular" | "body-semibold" | "body-bold" | "capitalized" | "hint" | "line-through" | "small-regular" | "small-semibold" | "small-bold" | "document")[];
+export declare const pzTextTagOptions: ("div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "a" | "label")[];

package/dist/components/PzText/types.d.ts

@@ -1,5 +1,5 @@
 export type PzTextVariant = "h1-bold" | "h1-regular" | "h2-bold" | "h3-bold" | "h3-regular" | "h4-regular" | "h4-semibold" | "h4-bold" | "subtitle" | "body-regular" | "body-semibold" | "body-bold" | "capitalized" | "hint" | "line-through" | "small-regular" | "small-semibold" | "small-bold" | "link" | "document";
-export type PzTextTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div" | "a" | "label";
+export type PzTextTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div" | "a" | "label" | "pre" | "ul" | "ol" | "li" | "em" | "nav" | "section" | "article" | "b" | "blockquote";
 export interface PzTextProps {
     variant: PzTextVariant;
     as?: PzTextTag;

package/dist/index.d.ts

@@ -1 +1,2 @@
+export { PzGrid, PzGridItem, type PzGridProps, type PzGridTag, type PzGridColumnSpan, type PzGridColumnStart, type PzGridItemProps, } from './components/PzGrid';
 export { PzText, type PzTextProps, type PzTextVariant, type PzTextTag } from './components/PzText';

package/dist/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prozorro/prozorro-ui",
   "private": false,
-  "version": "0.0.5-beta",
+  "version": "0.0.6-beta",
   "description": "Official Prozorro UI Library",
   "author": "Dmytro Rybachek",
   "license": "MIT",
@@ -32,7 +32,8 @@
     "build:lib": "npm run typecheck && vite build && copyfiles ./package.json dist && npm run removeFromBuild:lib",
     "format": "prettier . --write",
     "format:check": "prettier . --check",
-    "lint": "npm run lint:eslint && npm run lint:styles",
+    "lint": "npm run lint:eslint && npm run lint:styles && npm run lint:architecture",
+    "lint:architecture": "node ./scripts/validate-architecture.mjs",
     "lint:eslint": "eslint ./src",
     "lint:eslint:fix": "eslint ./src --fix",
     "lint:styles": "stylelint \"src/**/*.{scss,vue}\"",

package/dist/prozorro-ui.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=e.defineComponent({name:"PzText",__name:"PzText",props:{variant:{},as:{default:void 0}},setup(t){const o={"h1-bold":"h1","h1-regular":"h1","h2-bold":"h2","h3-bold":"h3","h3-regular":"h3","h4-regular":"h4","h4-semibold":"h4","h4-bold":"h4",subtitle:"p","body-regular":"p","body-semibold":"p","body-bold":"p",capitalized:"span",hint:"span","line-through":"span","small-regular":"span","small-semibold":"span","small-bold":"span",link:"a",document:"p"},a=t,l=e.computed(()=>a.as??o[a.variant]??"span");return(s,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value),{class:e.normalizeClass(["pz-text",`pz-text--${t.variant}`])},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),r=(t,o)=>{const a=t.__vccOpts||t;for(const[l,s]of o)a[l]=s;return a},d=r(n,[["__scopeId","data-v-bd3b2150"]]);exports.PzText=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=t.defineComponent({name:"PzGrid",__name:"PzGrid",props:{as:{default:"div"},container:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},grid:{type:Boolean,default:!0},fit:{type:Boolean,default:!1},dense:{type:Boolean,default:!1}},setup(s){const e=s,a=t.computed(()=>[{"pz-container":e.container&&!e.fluid,"pz-container-fluid":e.container&&e.fluid,"pz-grid":e.grid,"pz-grid-fit":e.grid&&e.fit,"pz-grid-dense":e.grid&&e.dense}]);return(l,d)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.as),{class:t.normalizeClass(a.value)},{default:t.withCtx(()=>[t.renderSlot(l.$slots,"default")]),_:3},8,["class"]))}}),i=t.defineComponent({name:"PzGridItem",__name:"PzGridItem",props:{as:{default:"div"},span:{default:void 0},sm:{default:void 0},md:{default:void 0},lg:{default:void 0},xl:{default:void 0},xxl:{default:void 0},start:{default:void 0},startSm:{default:void 0},startMd:{default:void 0},startLg:{default:void 0},startXl:{default:void 0},startXxl:{default:void 0}},setup(s){const e=s,a=(o,n)=>n?n==="full"?`pz-col-${o}full`:`pz-col-${o}${n}`:null,l=(o,n)=>n?`pz-start-${o}${n}`:null,d=t.computed(()=>["pz-grid-item",a("",e.span),a("sm-",e.sm),a("md-",e.md),a("lg-",e.lg),a("xl-",e.xl),a("xxl-",e.xxl),l("",e.start),l("sm-",e.startSm),l("md-",e.startMd),l("lg-",e.startLg),l("xl-",e.startXl),l("xxl-",e.startXxl)]);return(o,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.as),{class:t.normalizeClass(d.value)},{default:t.withCtx(()=>[t.renderSlot(o.$slots,"default")]),_:3},8,["class"]))}}),u=t.defineComponent({name:"PzText",__name:"PzText",props:{variant:{},as:{default:void 0}},setup(s){const e={"h1-bold":"h1","h1-regular":"h1","h2-bold":"h2","h3-bold":"h3","h3-regular":"h3","h4-regular":"h4","h4-semibold":"h4","h4-bold":"h4",subtitle:"p","body-regular":"p","body-semibold":"p","body-bold":"p",capitalized:"span",hint:"span","line-through":"span","small-regular":"span","small-semibold":"span","small-bold":"span",link:"a",document:"p"},a=s,l=t.computed(()=>a.as??e[a.variant]??"span");return(d,o)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.value),{class:t.normalizeClass(["pz-text",`pz-text--${s.variant}`])},{default:t.withCtx(()=>[t.renderSlot(d.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),c=(s,e)=>{const a=s.__vccOpts||s;for(const[l,d]of e)a[l]=d;return a},p=c(u,[["__scopeId","data-v-bd3b2150"]]);exports.PzGrid=r;exports.PzGridItem=i;exports.PzText=p;

package/dist/prozorro-ui.js

@@ -1,13 +1,86 @@
-import { defineComponent as s, computed as n, openBlock as r, createBlock as p, resolveDynamicComponent as d, normalizeClass as c, withCtx as h, renderSlot as i } from "vue";
-const u = /* @__PURE__ */ s({
+import { defineComponent as r, computed as n, openBlock as i, createBlock as u, resolveDynamicComponent as p, normalizeClass as c, withCtx as f, renderSlot as m } from "vue";
+const z = /* @__PURE__ */ r({
+  name: "PzGrid",
+  __name: "PzGrid",
+  props: {
+    as: { default: "div" },
+    container: { type: Boolean, default: !1 },
+    fluid: { type: Boolean, default: !1 },
+    grid: { type: Boolean, default: !0 },
+    fit: { type: Boolean, default: !1 },
+    dense: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const t = l, a = n(() => [
+      {
+        "pz-container": t.container && !t.fluid,
+        "pz-container-fluid": t.container && t.fluid,
+        "pz-grid": t.grid,
+        "pz-grid-fit": t.grid && t.fit,
+        "pz-grid-dense": t.grid && t.dense
+      }
+    ]);
+    return (e, o) => (i(), u(p(t.as), {
+      class: c(a.value)
+    }, {
+      default: f(() => [
+        m(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), _ = /* @__PURE__ */ r({
+  name: "PzGridItem",
+  __name: "PzGridItem",
+  props: {
+    as: { default: "div" },
+    span: { default: void 0 },
+    sm: { default: void 0 },
+    md: { default: void 0 },
+    lg: { default: void 0 },
+    xl: { default: void 0 },
+    xxl: { default: void 0 },
+    start: { default: void 0 },
+    startSm: { default: void 0 },
+    startMd: { default: void 0 },
+    startLg: { default: void 0 },
+    startXl: { default: void 0 },
+    startXxl: { default: void 0 }
+  },
+  setup(l) {
+    const t = l, a = (s, d) => d ? d === "full" ? `pz-col-${s}full` : `pz-col-${s}${d}` : null, e = (s, d) => d ? `pz-start-${s}${d}` : null, o = n(() => [
+      "pz-grid-item",
+      a("", t.span),
+      a("sm-", t.sm),
+      a("md-", t.md),
+      a("lg-", t.lg),
+      a("xl-", t.xl),
+      a("xxl-", t.xxl),
+      e("", t.start),
+      e("sm-", t.startSm),
+      e("md-", t.startMd),
+      e("lg-", t.startLg),
+      e("xl-", t.startXl),
+      e("xxl-", t.startXxl)
+    ]);
+    return (s, d) => (i(), u(p(t.as), {
+      class: c(o.value)
+    }, {
+      default: f(() => [
+        m(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), v = /* @__PURE__ */ r({
   name: "PzText",
   __name: "PzText",
   props: {
     variant: {},
     as: { default: void 0 }
   },
-  setup(t) {
-    const e = {
+  setup(l) {
+    const t = {
       "h1-bold": "h1",
       "h1-regular": "h1",
       "h2-bold": "h2",
@@ -28,22 +101,24 @@ const u = /* @__PURE__ */ s({
       "small-bold": "span",
       link: "a",
       document: "p"
-    }, a = t, o = n(() => a.as ?? e[a.variant] ?? "span");
-    return (l, b) => (r(), p(d(o.value), {
-      class: c(["pz-text", `pz-text--${t.variant}`])
+    }, a = l, e = n(() => a.as ?? t[a.variant] ?? "span");
+    return (o, s) => (i(), u(p(e.value), {
+      class: c(["pz-text", `pz-text--${l.variant}`])
     }, {
-      default: h(() => [
-        i(l.$slots, "default", {}, void 0, !0)
+      default: f(() => [
+        m(o.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), m = (t, e) => {
-  const a = t.__vccOpts || t;
-  for (const [o, l] of e)
-    a[o] = l;
+}), g = (l, t) => {
+  const a = l.__vccOpts || l;
+  for (const [e, o] of t)
+    a[e] = o;
   return a;
-}, _ = /* @__PURE__ */ m(u, [["__scopeId", "data-v-bd3b2150"]]);
+}, x = /* @__PURE__ */ g(v, [["__scopeId", "data-v-bd3b2150"]]);
 export {
-  _ as PzText
+  z as PzGrid,
+  _ as PzGridItem,
+  x as PzText
 };

package/dist/style.css

@@ -1 +1 @@
-:root{--white: #fff;--black: #242638;--black-tansparent: rgb(36 38 56 / 70%);--gray: #f5f5f5;--gray-100: #d6dade;--gray-200: #939393;--gray-300: #f0f4f5;--gray-400: #f4f8f9;--gray-500: #454545;--gray-600: #f8f8f8;--gray-700: rgb(214 218 222 / 50%);--gray-800: #c2d8de;--gray-900: #6d6d6d;--gray-950: #c0c0c0;--blue: #014da8;--blue-100: #2070d1;--blue-200: #c2d8de;--blue-300: #006887;--blue-400: #6dc8eb;--green: #599a4f;--green-100: #bfffb2;--green-200: #e2f7dc;--green-300: #40e81e;--green-400: #89db33;--red: #d70c17;--red-100: #e55166;--red-200: #e85d57;--red-300: #ff3800;--red-400: #f00;--orange: #ef9400;--orange-100: #e56101;--orange-200: #ff831a;--size-xxl: 44px;--size-xxls: 40px;--size-xxlss: 32px;--size-xl: 24px;--size-xls: 20px;--size-l: 18px;--size-m: 16px;--size-s: 14px;--size-xs: 12px;--line-height-s: 20px;--line-height-m: 24px;--line-height-l: 28px;--tooltip-width: 415px;--tender-list-title-width: 387px;--tender-list-title-box-width: 340px;--row-horzontal-padding: 10px}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{box-sizing:border-box}html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v85/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsoutlined/v56/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2) format("woff2")}.material-icons{font-family:Material Icons,sans-serif;font-weight:400;font-style:normal;font-size:var(--size-m);line-height:inherit;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:"liga";text-decoration:none!important;-webkit-font-smoothing:antialiased}.material-icons.outlined{font-family:Material Icons Outlined,sans-serif}.material-icons:hover{text-decoration:none!important}body{box-sizing:border-box;padding:0;margin:0;color:var(--black);font-size:var(--size-m)}html{scroll-behavior:smooth}*{font-family:Open Sans,Arial,sans-serif;box-sizing:inherit}*:before,*:after{box-sizing:inherit}img{max-width:100%;max-height:100%}.pz-text[data-v-bd3b2150]{margin:0;padding:0}.pz-text--h1-bold[data-v-bd3b2150]{font-size:var(--size-xxl);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h1-bold[data-v-bd3b2150]{font-size:var(--size-xl);font-weight:700;line-height:1.5}}.pz-text--h1-regular[data-v-bd3b2150]{font-size:var(--size-xxl);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h1-regular[data-v-bd3b2150]{font-size:var(--size-xl);font-weight:400;line-height:1.5}}.pz-text--h2-bold[data-v-bd3b2150]{font-size:var(--size-xxlss);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h2-bold[data-v-bd3b2150]{font-size:var(--size-xls);font-weight:700;line-height:1.5}}.pz-text--h3-bold[data-v-bd3b2150]{font-size:var(--size-xl);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h3-bold[data-v-bd3b2150]{font-size:var(--size-l);font-weight:700;line-height:1.5}}.pz-text--h3-regular[data-v-bd3b2150]{font-size:var(--size-xl);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h3-regular[data-v-bd3b2150]{font-size:var(--size-l);font-weight:400;line-height:1.5}}.pz-text--h4-regular[data-v-bd3b2150]{font-size:var(--size-l);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-regular[data-v-bd3b2150]{font-size:var(--size-m);font-weight:400;line-height:1.5}}.pz-text--h4-semibold[data-v-bd3b2150]{font-size:var(--size-l);font-weight:600;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-semibold[data-v-bd3b2150]{font-size:var(--size-m);font-weight:600;line-height:1.5}}.pz-text--h4-bold[data-v-bd3b2150]{font-size:var(--size-l);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-bold[data-v-bd3b2150]{font-size:var(--size-m);font-weight:700;line-height:1.5}}.pz-text--subtitle[data-v-bd3b2150]{font-size:var(--size-m);font-weight:600;line-height:1.5}.pz-text--body-regular[data-v-bd3b2150]{font-size:var(--size-s);font-weight:400;line-height:1.5}.pz-text--body-semibold[data-v-bd3b2150]{font-size:var(--size-s);font-weight:600;line-height:1.5}.pz-text--body-bold[data-v-bd3b2150]{font-size:var(--size-s);font-weight:700;line-height:1.5}.pz-text--capitalized[data-v-bd3b2150]{font-size:var(--size-s);font-weight:400;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}.pz-text--hint[data-v-bd3b2150]{font-size:var(--size-s);font-weight:400;line-height:1.5;color:var(--gray-900)}.pz-text--line-through[data-v-bd3b2150]{font-size:var(--size-s);font-weight:400;line-height:1.5;text-decoration:line-through}.pz-text--small-regular[data-v-bd3b2150]{font-size:var(--size-xs);font-weight:400;line-height:1.5}.pz-text--small-semibold[data-v-bd3b2150]{font-size:var(--size-xs);font-weight:600;line-height:1.5}.pz-text--small-bold[data-v-bd3b2150]{font-size:var(--size-xs);font-weight:700;line-height:1.5}.pz-text--link[data-v-bd3b2150]{font-size:var(--size-s);font-weight:400;line-height:1.5;color:var(--blue-100);text-decoration:underline;cursor:pointer}.pz-text--link[data-v-bd3b2150]:hover{color:var(--blue)}.pz-text--document[data-v-bd3b2150]{font-size:var(--size-s);font-weight:400;line-height:1.5}
+:root{--pz-color-white: #fff;--pz-color-black-90: #242638;--pz-color-grey-20: #f5f5f5;--pz-color-grey-30: #d6dade;--pz-color-grey-40: #c0c0c0;--pz-color-grey-60: #6d6d6d;--pz-color-blue-10: #f0f4f5;--pz-color-blue-30: #c2d8de;--pz-color-blue-50: #2070d1;--pz-color-blue-60: #014da8;--pz-color-red-30: #f7dcdc;--pz-color-red-40: #e85d57;--pz-color-red-50: #ff3800;--pz-color-red-60: #d70c17;--pz-color-orange-50: #ff831a;--pz-color-orange-60: #e86a00;--pz-color-green-20: #e2f7dc;--pz-color-green-30: #89db33;--pz-color-green-50: #599a4f;--pz-color-green-60: #4c8344;--pz-color-gradient-blue: #0082fc;--pz-color-gradient-green: #599a4f;--pz-color-gradient-orange: #ff831a;--pz-gradient-blue: linear-gradient(90deg, var(--pz-color-gradient-blue) 0%, var(--pz-color-white) 100%);--pz-gradient-green: linear-gradient(90deg, var(--pz-color-gradient-green) 0%, var(--pz-color-white) 100%);--pz-gradient-orange: linear-gradient(90deg, var(--pz-color-gradient-orange) 0%, var(--pz-color-white) 100%);--pz-color-text-primary: var(--pz-color-black-90);--pz-color-text-secondary: var(--pz-color-grey-60);--pz-color-text-link: var(--pz-color-blue-50);--pz-color-text-link-hover: var(--pz-color-blue-60);--pz-color-text-link-disabled: var(--pz-color-grey-40);--pz-color-button-danger: var(--pz-color-red-50);--pz-color-button-danger-hover: var(--pz-color-red-60);--pz-color-button-primary: var(--pz-color-blue-50);--pz-color-button-primary-hover: var(--pz-color-blue-60);--pz-color-button-success-light: var(--pz-color-green-30);--pz-color-button-success: var(--pz-color-green-50);--pz-color-button-success-hover: var(--pz-color-green-60);--pz-color-button-alert: var(--pz-color-orange-50);--pz-color-button-alert-hover: var(--pz-color-orange-60);--pz-color-button-disabled: var(--pz-color-grey-40);--pz-color-status-inactive: var(--pz-color-red-50);--pz-color-status-hidden: var(--pz-color-orange-50);--pz-color-status-active: var(--pz-color-green-50);--pz-color-status-monitoring: var(--pz-color-green-30);--pz-color-status-disabled: var(--pz-color-grey-40);--pz-color-status-progress: var(--pz-color-blue-50);--pz-gradient-status-auction-progress: var(--pz-gradient-blue);--pz-gradient-status-auction-waiting: var(--pz-gradient-orange);--pz-gradient-status-auction-success: var(--pz-gradient-green);--pz-color-background-primary: var(--pz-color-white);--pz-color-background-frame: var(--pz-color-grey-20);--pz-color-background-hover: var(--pz-color-blue-10);--pz-color-tag-green: var(--pz-color-green-20);--pz-color-tag-grey: var(--pz-color-grey-30);--pz-color-tag-blue: var(--pz-color-blue-30);--pz-color-tag-red: var(--pz-color-red-30);--pz-color-stroke-red: var(--pz-color-red-60);--pz-color-stroke-grey: var(--pz-color-grey-30);--pz-color-icon-primary: var(--pz-color-blue-50);--pz-color-icon-hover: var(--pz-color-blue-60);--pz-color-icon-danger: var(--pz-color-red-50);--pz-color-icon-danger-hover: var(--pz-color-red-60);--pz-color-icon-success-light: var(--pz-color-green-30);--pz-color-icon-success: var(--pz-color-green-50);--pz-color-icon-success-hover: var(--pz-color-green-60);--pz-color-icon-alert: var(--pz-color-orange-50);--pz-color-icon-alert-hover: var(--pz-color-orange-60);--pz-color-icon-disabled: var(--pz-color-grey-40);--pz-color-auction-red-text: var(--pz-color-red-40);--pz-font-size-44: 44px;--pz-font-size-32: 32px;--pz-font-size-24: 24px;--pz-font-size-20: 20px;--pz-font-size-18: 18px;--pz-font-size-16: 16px;--pz-font-size-14: 14px;--pz-font-size-12: 12px;--pz-space-0: 0;--pz-space-4: 4px;--pz-space-8: 8px;--pz-space-16: 16px;--pz-space-20: 20px;--pz-space-24: 24px;--pz-space-32: 32px;--pz-space-40: 40px;--pz-space-44: 44px;--pz-space-60: 60px;--pz-grid-columns-mobile: 4;--pz-grid-columns-tablet: 8;--pz-grid-columns-desktop: 12;--pz-grid-gutter-mobile: 16px;--pz-grid-gutter-tablet: 24px;--pz-grid-gutter-desktop: 24px;--pz-grid-margin-mobile: 16px;--pz-grid-margin-tablet: 32px;--pz-grid-margin-desktop: 80px;--pz-grid-frame-max-width-mobile: 100%;--pz-grid-frame-max-width-tablet: 768px;--pz-grid-frame-max-width-desktop: 1440px;--pz-grid-columns: var(--pz-grid-columns-mobile);--pz-grid-gutter: var(--pz-grid-gutter-mobile);--pz-grid-margin: var(--pz-grid-margin-mobile);--pz-grid-frame-max-width: var(--pz-grid-frame-max-width-mobile)}@media (width >= 768px){:root{--pz-grid-columns: var(--pz-grid-columns-tablet);--pz-grid-gutter: var(--pz-grid-gutter-tablet);--pz-grid-margin: var(--pz-grid-margin-tablet);--pz-grid-frame-max-width: var(--pz-grid-frame-max-width-tablet)}}@media (width >= 1200px){:root{--pz-grid-columns: var(--pz-grid-columns-desktop);--pz-grid-gutter: var(--pz-grid-gutter-desktop);--pz-grid-margin: var(--pz-grid-margin-desktop);--pz-grid-frame-max-width: var(--pz-grid-frame-max-width-desktop)}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{box-sizing:border-box}html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v85/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsoutlined/v56/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2) format("woff2")}.material-icons{font-family:Material Icons,sans-serif;font-weight:400;font-style:normal;font-size:var(--pz-font-size-16);line-height:inherit;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:"liga";text-decoration:none!important;-webkit-font-smoothing:antialiased}.material-icons.outlined{font-family:Material Icons Outlined,sans-serif}.material-icons:hover{text-decoration:none!important}.pz-text-white{color:var(--pz-color-white)}.pz-bg-white{background-color:var(--pz-color-white)}.pz-text-black-90{color:var(--pz-color-black-90)}.pz-bg-black-90{background-color:var(--pz-color-black-90)}.pz-text-grey-20{color:var(--pz-color-grey-20)}.pz-bg-grey-20{background-color:var(--pz-color-grey-20)}.pz-text-grey-30{color:var(--pz-color-grey-30)}.pz-bg-grey-30{background-color:var(--pz-color-grey-30)}.pz-text-grey-40{color:var(--pz-color-grey-40)}.pz-bg-grey-40{background-color:var(--pz-color-grey-40)}.pz-text-grey-60{color:var(--pz-color-grey-60)}.pz-bg-grey-60{background-color:var(--pz-color-grey-60)}.pz-text-blue-10{color:var(--pz-color-blue-10)}.pz-bg-blue-10{background-color:var(--pz-color-blue-10)}.pz-text-blue-30{color:var(--pz-color-blue-30)}.pz-bg-blue-30{background-color:var(--pz-color-blue-30)}.pz-text-blue-50{color:var(--pz-color-blue-50)}.pz-bg-blue-50{background-color:var(--pz-color-blue-50)}.pz-text-blue-60{color:var(--pz-color-blue-60)}.pz-bg-blue-60{background-color:var(--pz-color-blue-60)}.pz-text-red-30{color:var(--pz-color-red-30)}.pz-bg-red-30{background-color:var(--pz-color-red-30)}.pz-text-red-40{color:var(--pz-color-red-40)}.pz-bg-red-40{background-color:var(--pz-color-red-40)}.pz-text-red-50{color:var(--pz-color-red-50)}.pz-bg-red-50{background-color:var(--pz-color-red-50)}.pz-text-red-60{color:var(--pz-color-red-60)}.pz-bg-red-60{background-color:var(--pz-color-red-60)}.pz-text-orange-50{color:var(--pz-color-orange-50)}.pz-bg-orange-50{background-color:var(--pz-color-orange-50)}.pz-text-orange-60{color:var(--pz-color-orange-60)}.pz-bg-orange-60{background-color:var(--pz-color-orange-60)}.pz-text-green-20{color:var(--pz-color-green-20)}.pz-bg-green-20{background-color:var(--pz-color-green-20)}.pz-text-green-30{color:var(--pz-color-green-30)}.pz-bg-green-30{background-color:var(--pz-color-green-30)}.pz-text-green-50{color:var(--pz-color-green-50)}.pz-bg-green-50{background-color:var(--pz-color-green-50)}.pz-text-green-60{color:var(--pz-color-green-60)}.pz-bg-green-60{background-color:var(--pz-color-green-60)}.pz-text-gradient-blue{color:var(--pz-color-gradient-blue)}.pz-bg-gradient-blue{background-color:var(--pz-color-gradient-blue)}.pz-text-gradient-green{color:var(--pz-color-gradient-green)}.pz-bg-gradient-green{background-color:var(--pz-color-gradient-green)}.pz-text-gradient-orange{color:var(--pz-color-gradient-orange)}.pz-bg-gradient-orange{background-color:var(--pz-color-gradient-orange)}.pz-text-text-primary{color:var(--pz-color-text-primary)}.pz-bg-text-primary{background-color:var(--pz-color-text-primary)}.pz-text-text-secondary{color:var(--pz-color-text-secondary)}.pz-bg-text-secondary{background-color:var(--pz-color-text-secondary)}.pz-text-text-link{color:var(--pz-color-text-link)}.pz-bg-text-link{background-color:var(--pz-color-text-link)}.pz-text-text-link-hover{color:var(--pz-color-text-link-hover)}.pz-bg-text-link-hover{background-color:var(--pz-color-text-link-hover)}.pz-text-text-link-disabled{color:var(--pz-color-text-link-disabled)}.pz-bg-text-link-disabled{background-color:var(--pz-color-text-link-disabled)}.pz-text-button-danger{color:var(--pz-color-button-danger)}.pz-bg-button-danger{background-color:var(--pz-color-button-danger)}.pz-text-button-danger-hover{color:var(--pz-color-button-danger-hover)}.pz-bg-button-danger-hover{background-color:var(--pz-color-button-danger-hover)}.pz-text-button-primary{color:var(--pz-color-button-primary)}.pz-bg-button-primary{background-color:var(--pz-color-button-primary)}.pz-text-button-primary-hover{color:var(--pz-color-button-primary-hover)}.pz-bg-button-primary-hover{background-color:var(--pz-color-button-primary-hover)}.pz-text-button-success-light{color:var(--pz-color-button-success-light)}.pz-bg-button-success-light{background-color:var(--pz-color-button-success-light)}.pz-text-button-success{color:var(--pz-color-button-success)}.pz-bg-button-success{background-color:var(--pz-color-button-success)}.pz-text-button-success-hover{color:var(--pz-color-button-success-hover)}.pz-bg-button-success-hover{background-color:var(--pz-color-button-success-hover)}.pz-text-button-alert{color:var(--pz-color-button-alert)}.pz-bg-button-alert{background-color:var(--pz-color-button-alert)}.pz-text-button-alert-hover{color:var(--pz-color-button-alert-hover)}.pz-bg-button-alert-hover{background-color:var(--pz-color-button-alert-hover)}.pz-text-button-disabled{color:var(--pz-color-button-disabled)}.pz-bg-button-disabled{background-color:var(--pz-color-button-disabled)}.pz-text-status-inactive{color:var(--pz-color-status-inactive)}.pz-bg-status-inactive{background-color:var(--pz-color-status-inactive)}.pz-text-status-hidden{color:var(--pz-color-status-hidden)}.pz-bg-status-hidden{background-color:var(--pz-color-status-hidden)}.pz-text-status-active{color:var(--pz-color-status-active)}.pz-bg-status-active{background-color:var(--pz-color-status-active)}.pz-text-status-monitoring{color:var(--pz-color-status-monitoring)}.pz-bg-status-monitoring{background-color:var(--pz-color-status-monitoring)}.pz-text-status-disabled{color:var(--pz-color-status-disabled)}.pz-bg-status-disabled{background-color:var(--pz-color-status-disabled)}.pz-text-status-progress{color:var(--pz-color-status-progress)}.pz-bg-status-progress{background-color:var(--pz-color-status-progress)}.pz-text-background-primary{color:var(--pz-color-background-primary)}.pz-bg-background-primary{background-color:var(--pz-color-background-primary)}.pz-text-background-frame{color:var(--pz-color-background-frame)}.pz-bg-background-frame{background-color:var(--pz-color-background-frame)}.pz-text-background-hover{color:var(--pz-color-background-hover)}.pz-bg-background-hover{background-color:var(--pz-color-background-hover)}.pz-text-tag-green{color:var(--pz-color-tag-green)}.pz-bg-tag-green{background-color:var(--pz-color-tag-green)}.pz-text-tag-grey{color:var(--pz-color-tag-grey)}.pz-bg-tag-grey{background-color:var(--pz-color-tag-grey)}.pz-text-tag-blue{color:var(--pz-color-tag-blue)}.pz-bg-tag-blue{background-color:var(--pz-color-tag-blue)}.pz-text-tag-red{color:var(--pz-color-tag-red)}.pz-bg-tag-red{background-color:var(--pz-color-tag-red)}.pz-text-stroke-red{color:var(--pz-color-stroke-red)}.pz-bg-stroke-red{background-color:var(--pz-color-stroke-red)}.pz-text-stroke-grey{color:var(--pz-color-stroke-grey)}.pz-bg-stroke-grey{background-color:var(--pz-color-stroke-grey)}.pz-text-icon-primary{color:var(--pz-color-icon-primary)}.pz-bg-icon-primary{background-color:var(--pz-color-icon-primary)}.pz-text-icon-hover{color:var(--pz-color-icon-hover)}.pz-bg-icon-hover{background-color:var(--pz-color-icon-hover)}.pz-text-icon-danger{color:var(--pz-color-icon-danger)}.pz-bg-icon-danger{background-color:var(--pz-color-icon-danger)}.pz-text-icon-danger-hover{color:var(--pz-color-icon-danger-hover)}.pz-bg-icon-danger-hover{background-color:var(--pz-color-icon-danger-hover)}.pz-text-icon-success-light{color:var(--pz-color-icon-success-light)}.pz-bg-icon-success-light{background-color:var(--pz-color-icon-success-light)}.pz-text-icon-success{color:var(--pz-color-icon-success)}.pz-bg-icon-success{background-color:var(--pz-color-icon-success)}.pz-text-icon-success-hover{color:var(--pz-color-icon-success-hover)}.pz-bg-icon-success-hover{background-color:var(--pz-color-icon-success-hover)}.pz-text-icon-alert{color:var(--pz-color-icon-alert)}.pz-bg-icon-alert{background-color:var(--pz-color-icon-alert)}.pz-text-icon-alert-hover{color:var(--pz-color-icon-alert-hover)}.pz-bg-icon-alert-hover{background-color:var(--pz-color-icon-alert-hover)}.pz-text-icon-disabled{color:var(--pz-color-icon-disabled)}.pz-bg-icon-disabled{background-color:var(--pz-color-icon-disabled)}.pz-text-auction-red-text{color:var(--pz-color-auction-red-text)}.pz-bg-auction-red-text{background-color:var(--pz-color-auction-red-text)}.pz-bg-gradient-blue{background-image:var(--pz-gradient-blue)}.pz-bg-gradient-green{background-image:var(--pz-gradient-green)}.pz-bg-gradient-orange{background-image:var(--pz-gradient-orange)}.pz-bg-status-auction-progress{background-image:var(--pz-gradient-status-auction-progress)}.pz-bg-status-auction-waiting{background-image:var(--pz-gradient-status-auction-waiting)}.pz-bg-status-auction-success{background-image:var(--pz-gradient-status-auction-success)}.pz-m-0{margin:var(--pz-space-0)}.pz-m-4{margin:var(--pz-space-4)}.pz-m-8{margin:var(--pz-space-8)}.pz-m-16{margin:var(--pz-space-16)}.pz-m-20{margin:var(--pz-space-20)}.pz-m-24{margin:var(--pz-space-24)}.pz-m-32{margin:var(--pz-space-32)}.pz-m-40{margin:var(--pz-space-40)}.pz-m-44{margin:var(--pz-space-44)}.pz-m-60{margin:var(--pz-space-60)}.pz-mt-0{margin-top:var(--pz-space-0)}.pz-mt-4{margin-top:var(--pz-space-4)}.pz-mt-8{margin-top:var(--pz-space-8)}.pz-mt-16{margin-top:var(--pz-space-16)}.pz-mt-20{margin-top:var(--pz-space-20)}.pz-mt-24{margin-top:var(--pz-space-24)}.pz-mt-32{margin-top:var(--pz-space-32)}.pz-mt-40{margin-top:var(--pz-space-40)}.pz-mt-44{margin-top:var(--pz-space-44)}.pz-mt-60{margin-top:var(--pz-space-60)}.pz-mr-0{margin-right:var(--pz-space-0)}.pz-mr-4{margin-right:var(--pz-space-4)}.pz-mr-8{margin-right:var(--pz-space-8)}.pz-mr-16{margin-right:var(--pz-space-16)}.pz-mr-20{margin-right:var(--pz-space-20)}.pz-mr-24{margin-right:var(--pz-space-24)}.pz-mr-32{margin-right:var(--pz-space-32)}.pz-mr-40{margin-right:var(--pz-space-40)}.pz-mr-44{margin-right:var(--pz-space-44)}.pz-mr-60{margin-right:var(--pz-space-60)}.pz-mb-0{margin-bottom:var(--pz-space-0)}.pz-mb-4{margin-bottom:var(--pz-space-4)}.pz-mb-8{margin-bottom:var(--pz-space-8)}.pz-mb-16{margin-bottom:var(--pz-space-16)}.pz-mb-20{margin-bottom:var(--pz-space-20)}.pz-mb-24{margin-bottom:var(--pz-space-24)}.pz-mb-32{margin-bottom:var(--pz-space-32)}.pz-mb-40{margin-bottom:var(--pz-space-40)}.pz-mb-44{margin-bottom:var(--pz-space-44)}.pz-mb-60{margin-bottom:var(--pz-space-60)}.pz-ml-0{margin-left:var(--pz-space-0)}.pz-ml-4{margin-left:var(--pz-space-4)}.pz-ml-8{margin-left:var(--pz-space-8)}.pz-ml-16{margin-left:var(--pz-space-16)}.pz-ml-20{margin-left:var(--pz-space-20)}.pz-ml-24{margin-left:var(--pz-space-24)}.pz-ml-32{margin-left:var(--pz-space-32)}.pz-ml-40{margin-left:var(--pz-space-40)}.pz-ml-44{margin-left:var(--pz-space-44)}.pz-ml-60{margin-left:var(--pz-space-60)}.pz-mx-0{margin-inline:var(--pz-space-0)}.pz-mx-4{margin-inline:var(--pz-space-4)}.pz-mx-8{margin-inline:var(--pz-space-8)}.pz-mx-16{margin-inline:var(--pz-space-16)}.pz-mx-20{margin-inline:var(--pz-space-20)}.pz-mx-24{margin-inline:var(--pz-space-24)}.pz-mx-32{margin-inline:var(--pz-space-32)}.pz-mx-40{margin-inline:var(--pz-space-40)}.pz-mx-44{margin-inline:var(--pz-space-44)}.pz-mx-60{margin-inline:var(--pz-space-60)}.pz-my-0{margin-block:var(--pz-space-0)}.pz-my-4{margin-block:var(--pz-space-4)}.pz-my-8{margin-block:var(--pz-space-8)}.pz-my-16{margin-block:var(--pz-space-16)}.pz-my-20{margin-block:var(--pz-space-20)}.pz-my-24{margin-block:var(--pz-space-24)}.pz-my-32{margin-block:var(--pz-space-32)}.pz-my-40{margin-block:var(--pz-space-40)}.pz-my-44{margin-block:var(--pz-space-44)}.pz-my-60{margin-block:var(--pz-space-60)}.pz-p-0{padding:var(--pz-space-0)}.pz-p-4{padding:var(--pz-space-4)}.pz-p-8{padding:var(--pz-space-8)}.pz-p-16{padding:var(--pz-space-16)}.pz-p-20{padding:var(--pz-space-20)}.pz-p-24{padding:var(--pz-space-24)}.pz-p-32{padding:var(--pz-space-32)}.pz-p-40{padding:var(--pz-space-40)}.pz-p-44{padding:var(--pz-space-44)}.pz-p-60{padding:var(--pz-space-60)}.pz-pt-0{padding-top:var(--pz-space-0)}.pz-pt-4{padding-top:var(--pz-space-4)}.pz-pt-8{padding-top:var(--pz-space-8)}.pz-pt-16{padding-top:var(--pz-space-16)}.pz-pt-20{padding-top:var(--pz-space-20)}.pz-pt-24{padding-top:var(--pz-space-24)}.pz-pt-32{padding-top:var(--pz-space-32)}.pz-pt-40{padding-top:var(--pz-space-40)}.pz-pt-44{padding-top:var(--pz-space-44)}.pz-pt-60{padding-top:var(--pz-space-60)}.pz-pr-0{padding-right:var(--pz-space-0)}.pz-pr-4{padding-right:var(--pz-space-4)}.pz-pr-8{padding-right:var(--pz-space-8)}.pz-pr-16{padding-right:var(--pz-space-16)}.pz-pr-20{padding-right:var(--pz-space-20)}.pz-pr-24{padding-right:var(--pz-space-24)}.pz-pr-32{padding-right:var(--pz-space-32)}.pz-pr-40{padding-right:var(--pz-space-40)}.pz-pr-44{padding-right:var(--pz-space-44)}.pz-pr-60{padding-right:var(--pz-space-60)}.pz-pb-0{padding-bottom:var(--pz-space-0)}.pz-pb-4{padding-bottom:var(--pz-space-4)}.pz-pb-8{padding-bottom:var(--pz-space-8)}.pz-pb-16{padding-bottom:var(--pz-space-16)}.pz-pb-20{padding-bottom:var(--pz-space-20)}.pz-pb-24{padding-bottom:var(--pz-space-24)}.pz-pb-32{padding-bottom:var(--pz-space-32)}.pz-pb-40{padding-bottom:var(--pz-space-40)}.pz-pb-44{padding-bottom:var(--pz-space-44)}.pz-pb-60{padding-bottom:var(--pz-space-60)}.pz-pl-0{padding-left:var(--pz-space-0)}.pz-pl-4{padding-left:var(--pz-space-4)}.pz-pl-8{padding-left:var(--pz-space-8)}.pz-pl-16{padding-left:var(--pz-space-16)}.pz-pl-20{padding-left:var(--pz-space-20)}.pz-pl-24{padding-left:var(--pz-space-24)}.pz-pl-32{padding-left:var(--pz-space-32)}.pz-pl-40{padding-left:var(--pz-space-40)}.pz-pl-44{padding-left:var(--pz-space-44)}.pz-pl-60{padding-left:var(--pz-space-60)}.pz-px-0{padding-inline:var(--pz-space-0)}.pz-px-4{padding-inline:var(--pz-space-4)}.pz-px-8{padding-inline:var(--pz-space-8)}.pz-px-16{padding-inline:var(--pz-space-16)}.pz-px-20{padding-inline:var(--pz-space-20)}.pz-px-24{padding-inline:var(--pz-space-24)}.pz-px-32{padding-inline:var(--pz-space-32)}.pz-px-40{padding-inline:var(--pz-space-40)}.pz-px-44{padding-inline:var(--pz-space-44)}.pz-px-60{padding-inline:var(--pz-space-60)}.pz-py-0{padding-block:var(--pz-space-0)}.pz-py-4{padding-block:var(--pz-space-4)}.pz-py-8{padding-block:var(--pz-space-8)}.pz-py-16{padding-block:var(--pz-space-16)}.pz-py-20{padding-block:var(--pz-space-20)}.pz-py-24{padding-block:var(--pz-space-24)}.pz-py-32{padding-block:var(--pz-space-32)}.pz-py-40{padding-block:var(--pz-space-40)}.pz-py-44{padding-block:var(--pz-space-44)}.pz-py-60{padding-block:var(--pz-space-60)}.pz-m-auto{margin:auto}.pz-mx-auto{margin-inline:auto}.pz-my-auto{margin-block:auto}.pz-ml-auto{margin-left:auto}.pz-mr-auto{margin-right:auto}.pz-container{width:min(100%,var(--pz-grid-frame-max-width));padding-inline:var(--pz-grid-margin);margin-inline:auto}.pz-container-fluid{width:100%;padding-inline:var(--pz-grid-margin);margin-inline:auto}.pz-grid{display:grid;grid-template-columns:repeat(var(--pz-grid-columns),minmax(0,1fr));gap:var(--pz-grid-gutter)}.pz-grid-dense{grid-auto-flow:dense}.pz-grid-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.pz-grid-item{min-width:0}.pz-col-full{grid-column:1/-1}.pz-col-1{grid-column:span 1}.pz-start-1{grid-column-start:1}.pz-col-2{grid-column:span 2}.pz-start-2{grid-column-start:2}.pz-col-3{grid-column:span 3}.pz-start-3{grid-column-start:3}.pz-col-4{grid-column:span 4}.pz-start-4{grid-column-start:4}.pz-col-5{grid-column:span 5}.pz-start-5{grid-column-start:5}.pz-col-6{grid-column:span 6}.pz-start-6{grid-column-start:6}.pz-col-7{grid-column:span 7}.pz-start-7{grid-column-start:7}.pz-col-8{grid-column:span 8}.pz-start-8{grid-column-start:8}.pz-col-9{grid-column:span 9}.pz-start-9{grid-column-start:9}.pz-col-10{grid-column:span 10}.pz-start-10{grid-column-start:10}.pz-col-11{grid-column:span 11}.pz-start-11{grid-column-start:11}.pz-col-12{grid-column:span 12}.pz-start-12{grid-column-start:12}@media (min-width: 576px){.pz-col-sm-full{grid-column:1/-1}.pz-col-sm-1{grid-column:span 1}.pz-start-sm-1{grid-column-start:1}.pz-col-sm-2{grid-column:span 2}.pz-start-sm-2{grid-column-start:2}.pz-col-sm-3{grid-column:span 3}.pz-start-sm-3{grid-column-start:3}.pz-col-sm-4{grid-column:span 4}.pz-start-sm-4{grid-column-start:4}.pz-col-sm-5{grid-column:span 5}.pz-start-sm-5{grid-column-start:5}.pz-col-sm-6{grid-column:span 6}.pz-start-sm-6{grid-column-start:6}.pz-col-sm-7{grid-column:span 7}.pz-start-sm-7{grid-column-start:7}.pz-col-sm-8{grid-column:span 8}.pz-start-sm-8{grid-column-start:8}.pz-col-sm-9{grid-column:span 9}.pz-start-sm-9{grid-column-start:9}.pz-col-sm-10{grid-column:span 10}.pz-start-sm-10{grid-column-start:10}.pz-col-sm-11{grid-column:span 11}.pz-start-sm-11{grid-column-start:11}.pz-col-sm-12{grid-column:span 12}.pz-start-sm-12{grid-column-start:12}}@media (min-width: 768px){.pz-col-md-full{grid-column:1/-1}.pz-col-md-1{grid-column:span 1}.pz-start-md-1{grid-column-start:1}.pz-col-md-2{grid-column:span 2}.pz-start-md-2{grid-column-start:2}.pz-col-md-3{grid-column:span 3}.pz-start-md-3{grid-column-start:3}.pz-col-md-4{grid-column:span 4}.pz-start-md-4{grid-column-start:4}.pz-col-md-5{grid-column:span 5}.pz-start-md-5{grid-column-start:5}.pz-col-md-6{grid-column:span 6}.pz-start-md-6{grid-column-start:6}.pz-col-md-7{grid-column:span 7}.pz-start-md-7{grid-column-start:7}.pz-col-md-8{grid-column:span 8}.pz-start-md-8{grid-column-start:8}.pz-col-md-9{grid-column:span 9}.pz-start-md-9{grid-column-start:9}.pz-col-md-10{grid-column:span 10}.pz-start-md-10{grid-column-start:10}.pz-col-md-11{grid-column:span 11}.pz-start-md-11{grid-column-start:11}.pz-col-md-12{grid-column:span 12}.pz-start-md-12{grid-column-start:12}}@media (min-width: 1024px){.pz-col-lg-full{grid-column:1/-1}.pz-col-lg-1{grid-column:span 1}.pz-start-lg-1{grid-column-start:1}.pz-col-lg-2{grid-column:span 2}.pz-start-lg-2{grid-column-start:2}.pz-col-lg-3{grid-column:span 3}.pz-start-lg-3{grid-column-start:3}.pz-col-lg-4{grid-column:span 4}.pz-start-lg-4{grid-column-start:4}.pz-col-lg-5{grid-column:span 5}.pz-start-lg-5{grid-column-start:5}.pz-col-lg-6{grid-column:span 6}.pz-start-lg-6{grid-column-start:6}.pz-col-lg-7{grid-column:span 7}.pz-start-lg-7{grid-column-start:7}.pz-col-lg-8{grid-column:span 8}.pz-start-lg-8{grid-column-start:8}.pz-col-lg-9{grid-column:span 9}.pz-start-lg-9{grid-column-start:9}.pz-col-lg-10{grid-column:span 10}.pz-start-lg-10{grid-column-start:10}.pz-col-lg-11{grid-column:span 11}.pz-start-lg-11{grid-column-start:11}.pz-col-lg-12{grid-column:span 12}.pz-start-lg-12{grid-column-start:12}}@media (min-width: 1200px){.pz-col-xl-full{grid-column:1/-1}.pz-col-xl-1{grid-column:span 1}.pz-start-xl-1{grid-column-start:1}.pz-col-xl-2{grid-column:span 2}.pz-start-xl-2{grid-column-start:2}.pz-col-xl-3{grid-column:span 3}.pz-start-xl-3{grid-column-start:3}.pz-col-xl-4{grid-column:span 4}.pz-start-xl-4{grid-column-start:4}.pz-col-xl-5{grid-column:span 5}.pz-start-xl-5{grid-column-start:5}.pz-col-xl-6{grid-column:span 6}.pz-start-xl-6{grid-column-start:6}.pz-col-xl-7{grid-column:span 7}.pz-start-xl-7{grid-column-start:7}.pz-col-xl-8{grid-column:span 8}.pz-start-xl-8{grid-column-start:8}.pz-col-xl-9{grid-column:span 9}.pz-start-xl-9{grid-column-start:9}.pz-col-xl-10{grid-column:span 10}.pz-start-xl-10{grid-column-start:10}.pz-col-xl-11{grid-column:span 11}.pz-start-xl-11{grid-column-start:11}.pz-col-xl-12{grid-column:span 12}.pz-start-xl-12{grid-column-start:12}}@media (min-width: 1400px){.pz-col-xxl-full{grid-column:1/-1}.pz-col-xxl-1{grid-column:span 1}.pz-start-xxl-1{grid-column-start:1}.pz-col-xxl-2{grid-column:span 2}.pz-start-xxl-2{grid-column-start:2}.pz-col-xxl-3{grid-column:span 3}.pz-start-xxl-3{grid-column-start:3}.pz-col-xxl-4{grid-column:span 4}.pz-start-xxl-4{grid-column-start:4}.pz-col-xxl-5{grid-column:span 5}.pz-start-xxl-5{grid-column-start:5}.pz-col-xxl-6{grid-column:span 6}.pz-start-xxl-6{grid-column-start:6}.pz-col-xxl-7{grid-column:span 7}.pz-start-xxl-7{grid-column-start:7}.pz-col-xxl-8{grid-column:span 8}.pz-start-xxl-8{grid-column-start:8}.pz-col-xxl-9{grid-column:span 9}.pz-start-xxl-9{grid-column-start:9}.pz-col-xxl-10{grid-column:span 10}.pz-start-xxl-10{grid-column-start:10}.pz-col-xxl-11{grid-column:span 11}.pz-start-xxl-11{grid-column-start:11}.pz-col-xxl-12{grid-column:span 12}.pz-start-xxl-12{grid-column-start:12}}body{box-sizing:border-box;padding:0;margin:0;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-16)}html{scroll-behavior:smooth}*{font-family:Open Sans,Arial,sans-serif;box-sizing:inherit}*:before,*:after{box-sizing:inherit}img{max-width:100%;max-height:100%}.pz-text[data-v-bd3b2150]{margin:0;padding:0}.pz-text--h1-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-44);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h1-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-24);font-weight:700;line-height:1.5}}.pz-text--h1-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-44);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h1-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-24);font-weight:400;line-height:1.5}}.pz-text--h2-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-32);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h2-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-20);font-weight:700;line-height:1.5}}.pz-text--h3-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-24);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h3-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:700;line-height:1.5}}.pz-text--h3-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-24);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h3-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:400;line-height:1.5}}.pz-text--h4-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-16);font-weight:400;line-height:1.5}}.pz-text--h4-semibold[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:600;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-semibold[data-v-bd3b2150]{font-size:var(--pz-font-size-16);font-weight:600;line-height:1.5}}.pz-text--h4-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-16);font-weight:700;line-height:1.5}}.pz-text--subtitle[data-v-bd3b2150]{font-size:var(--pz-font-size-16);font-weight:600;line-height:1.5}.pz-text--body-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-text--body-semibold[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}.pz-text--body-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-text--capitalized[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}.pz-text--hint[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;color:var(--pz-color-text-secondary)}.pz-text--line-through[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;text-decoration:line-through}.pz-text--small-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-text--small-semibold[data-v-bd3b2150]{font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-text--small-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-12);font-weight:700;line-height:1.5}.pz-text--link[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;color:var(--pz-color-text-link);text-decoration:underline;cursor:pointer}.pz-text--link[data-v-bd3b2150]:hover{color:var(--pz-color-text-link-hover)}.pz-text--document[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prozorro/prozorro-ui",
   "private": false,
-  "version": "0.0.5-beta",
+  "version": "0.0.6-beta",
   "description": "Official Prozorro UI Library",
   "author": "Dmytro Rybachek",
   "license": "MIT",
@@ -32,7 +32,8 @@
     "build:lib": "npm run typecheck && vite build && copyfiles ./package.json dist && npm run removeFromBuild:lib",
     "format": "prettier . --write",
     "format:check": "prettier . --check",
-    "lint": "npm run lint:eslint && npm run lint:styles",
+    "lint": "npm run lint:eslint && npm run lint:styles && npm run lint:architecture",
+    "lint:architecture": "node ./scripts/validate-architecture.mjs",
     "lint:eslint": "eslint ./src",
     "lint:eslint:fix": "eslint ./src --fix",
     "lint:styles": "stylelint \"src/**/*.{scss,vue}\"",

package/src/styles/_colors.scss

@@ -0,0 +1,90 @@
+$pz-solid-color-utilities: (
+  "white": var(--pz-color-white),
+  "black-90": var(--pz-color-black-90),
+  "grey-20": var(--pz-color-grey-20),
+  "grey-30": var(--pz-color-grey-30),
+  "grey-40": var(--pz-color-grey-40),
+  "grey-60": var(--pz-color-grey-60),
+  "blue-10": var(--pz-color-blue-10),
+  "blue-30": var(--pz-color-blue-30),
+  "blue-50": var(--pz-color-blue-50),
+  "blue-60": var(--pz-color-blue-60),
+  "red-30": var(--pz-color-red-30),
+  "red-40": var(--pz-color-red-40),
+  "red-50": var(--pz-color-red-50),
+  "red-60": var(--pz-color-red-60),
+  "orange-50": var(--pz-color-orange-50),
+  "orange-60": var(--pz-color-orange-60),
+  "green-20": var(--pz-color-green-20),
+  "green-30": var(--pz-color-green-30),
+  "green-50": var(--pz-color-green-50),
+  "green-60": var(--pz-color-green-60),
+  "gradient-blue": var(--pz-color-gradient-blue),
+  "gradient-green": var(--pz-color-gradient-green),
+  "gradient-orange": var(--pz-color-gradient-orange),
+  "text-primary": var(--pz-color-text-primary),
+  "text-secondary": var(--pz-color-text-secondary),
+  "text-link": var(--pz-color-text-link),
+  "text-link-hover": var(--pz-color-text-link-hover),
+  "text-link-disabled": var(--pz-color-text-link-disabled),
+  "button-danger": var(--pz-color-button-danger),
+  "button-danger-hover": var(--pz-color-button-danger-hover),
+  "button-primary": var(--pz-color-button-primary),
+  "button-primary-hover": var(--pz-color-button-primary-hover),
+  "button-success-light": var(--pz-color-button-success-light),
+  "button-success": var(--pz-color-button-success),
+  "button-success-hover": var(--pz-color-button-success-hover),
+  "button-alert": var(--pz-color-button-alert),
+  "button-alert-hover": var(--pz-color-button-alert-hover),
+  "button-disabled": var(--pz-color-button-disabled),
+  "status-inactive": var(--pz-color-status-inactive),
+  "status-hidden": var(--pz-color-status-hidden),
+  "status-active": var(--pz-color-status-active),
+  "status-monitoring": var(--pz-color-status-monitoring),
+  "status-disabled": var(--pz-color-status-disabled),
+  "status-progress": var(--pz-color-status-progress),
+  "background-primary": var(--pz-color-background-primary),
+  "background-frame": var(--pz-color-background-frame),
+  "background-hover": var(--pz-color-background-hover),
+  "tag-green": var(--pz-color-tag-green),
+  "tag-grey": var(--pz-color-tag-grey),
+  "tag-blue": var(--pz-color-tag-blue),
+  "tag-red": var(--pz-color-tag-red),
+  "stroke-red": var(--pz-color-stroke-red),
+  "stroke-grey": var(--pz-color-stroke-grey),
+  "icon-primary": var(--pz-color-icon-primary),
+  "icon-hover": var(--pz-color-icon-hover),
+  "icon-danger": var(--pz-color-icon-danger),
+  "icon-danger-hover": var(--pz-color-icon-danger-hover),
+  "icon-success-light": var(--pz-color-icon-success-light),
+  "icon-success": var(--pz-color-icon-success),
+  "icon-success-hover": var(--pz-color-icon-success-hover),
+  "icon-alert": var(--pz-color-icon-alert),
+  "icon-alert-hover": var(--pz-color-icon-alert-hover),
+  "icon-disabled": var(--pz-color-icon-disabled),
+  "auction-red-text": var(--pz-color-auction-red-text),
+);
+$pz-gradient-color-utilities: (
+  "gradient-blue": var(--pz-gradient-blue),
+  "gradient-green": var(--pz-gradient-green),
+  "gradient-orange": var(--pz-gradient-orange),
+  "status-auction-progress": var(--pz-gradient-status-auction-progress),
+  "status-auction-waiting": var(--pz-gradient-status-auction-waiting),
+  "status-auction-success": var(--pz-gradient-status-auction-success),
+);
+
+@each $name, $value in $pz-solid-color-utilities {
+  .pz-text-#{$name} {
+    color: $value;
+  }
+
+  .pz-bg-#{$name} {
+    background-color: $value;
+  }
+}
+
+@each $name, $value in $pz-gradient-color-utilities {
+  .pz-bg-#{$name} {
+    background-image: $value;
+  }
+}

package/src/styles/_grid.scss

@@ -0,0 +1,69 @@
+@use "abstract/mixins" as *;
+
+.pz-container {
+  @include pz-container;
+}
+
+.pz-container-fluid {
+  width: 100%;
+  padding-inline: var(--pz-grid-margin);
+  margin-inline: auto;
+}
+
+.pz-grid {
+  @include pz-grid;
+}
+
+.pz-grid-dense {
+  grid-auto-flow: dense;
+}
+
+.pz-grid-fit {
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
+}
+
+.pz-col-full {
+  grid-column: 1 / -1;
+}
+
+.pz-grid-item {
+  min-width: 0;
+}
+
+@mixin emit-grid-columns($prefix: "") {
+  .pz-col-#{$prefix}full {
+    grid-column: 1 / -1;
+  }
+
+  @for $index from 1 through 12 {
+    .pz-col-#{$prefix}#{$index} {
+      grid-column: span $index;
+    }
+
+    .pz-start-#{$prefix}#{$index} {
+      grid-column-start: $index;
+    }
+  }
+}
+
+@include emit-grid-columns;
+
+@include min-media-devices("sm") {
+  @include emit-grid-columns("sm-");
+}
+
+@include min-media-devices("md") {
+  @include emit-grid-columns("md-");
+}
+
+@include min-media-devices("lg") {
+  @include emit-grid-columns("lg-");
+}
+
+@include min-media-devices("xl") {
+  @include emit-grid-columns("xl-");
+}
+
+@include min-media-devices("xxl") {
+  @include emit-grid-columns("xxl-");
+}