@prozorro/prozorro-ui 0.0.5 → 0.0.7-beta

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.
Files changed (66) hide show
  1. package/dist/app/assets/{Color-FRDS63T2-Bo-vvTV8.js → Color-FRDS63T2-D7DceWd3.js} +1 -1
  2. package/dist/app/assets/Colors-fhEnNkJK.css +1 -0
  3. package/dist/app/assets/Colors.stories-oSXYJENR.js +106 -0
  4. package/dist/app/assets/{DocsRenderer-LL677BLK-DxB60yOs.js → DocsRenderer-LL677BLK-CSnojeph.js} +9 -9
  5. package/dist/app/assets/Grid-B7NVrFKF.css +1 -0
  6. package/dist/app/assets/Grid.stories-Bs3kySs1.js +150 -0
  7. package/dist/app/assets/PzGrid-DES6s5R0.css +1 -0
  8. package/dist/app/assets/PzGrid.stories-DHYDe1eo.js +174 -0
  9. package/dist/app/assets/PzIcon-CyZkl7-f.css +1 -0
  10. package/dist/app/assets/PzIcon.stories-DnSfvny_.js +63 -0
  11. package/dist/app/assets/PzImage-BNrbMHP9.css +1 -0
  12. package/dist/app/assets/PzImage.stories-3xf5vq8I.js +57 -0
  13. package/dist/app/assets/PzText-B1cefxtz.js +1 -0
  14. package/dist/app/assets/PzText-DsC8c6AJ.css +1 -0
  15. package/dist/app/assets/PzText.stories-BFfwzgRO.js +133 -0
  16. package/dist/app/assets/Spacing-B5TnfKCB.css +1 -0
  17. package/dist/app/assets/Spacing.stories-DhCjLNK2.js +127 -0
  18. package/dist/app/assets/Typography-Bgal0fkk.css +1 -0
  19. package/dist/app/assets/Typography.stories-CSj6NWZS.js +47 -0
  20. package/dist/app/assets/{WithTooltip-65CFNBJE-Ty2foy7t.js → WithTooltip-65CFNBJE-CXtzAlgs.js} +1 -1
  21. package/dist/app/assets/formatter-EIJCOSYU-BiTxXm4h.js +1 -0
  22. package/dist/app/assets/{iframe-B_iz38fI.js → iframe-AHEBgGuT.js} +132 -132
  23. package/dist/app/assets/iframe-C7ls-B1-.css +1 -0
  24. package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-Can2sBRZ.js → syntaxhighlighter-OH4MV7E3-C5g7sJvt.js} +1 -1
  25. package/dist/app/favicon.ico +0 -0
  26. package/dist/app/iframe.html +3 -3
  27. package/dist/app/index.html +6 -2
  28. package/dist/app/index.json +1 -1
  29. package/dist/app/project.json +1 -1
  30. package/dist/app/sb-addons/storybook-2/manager-bundle.js +3 -0
  31. package/dist/app/sb-manager/globals-runtime.js +1 -1
  32. package/dist/components/PzGrid/PzGrid.vue.d.ts +25 -0
  33. package/dist/components/PzGrid/PzGridItem.vue.d.ts +32 -0
  34. package/dist/components/PzGrid/configs.d.ts +2 -0
  35. package/dist/components/PzGrid/index.d.ts +3 -0
  36. package/dist/components/PzGrid/types.d.ts +26 -0
  37. package/dist/components/PzIcon/PzIcon.vue.d.ts +7 -0
  38. package/dist/components/PzIcon/configs.d.ts +2 -0
  39. package/dist/components/PzIcon/index.d.ts +2 -0
  40. package/dist/components/PzIcon/types.d.ts +9 -0
  41. package/dist/components/PzImage/PzImage.vue.d.ts +7 -0
  42. package/dist/components/PzImage/configs.d.ts +3 -0
  43. package/dist/components/PzImage/index.d.ts +2 -0
  44. package/dist/components/PzImage/types.d.ts +10 -0
  45. package/dist/components/PzText/configs.d.ts +2 -0
  46. package/dist/components/PzText/types.d.ts +1 -1
  47. package/dist/favicon.ico +0 -0
  48. package/dist/index.d.ts +3 -0
  49. package/dist/package.json +3 -2
  50. package/dist/prozorro-ui.cjs +1 -1
  51. package/dist/prozorro-ui.js +141 -16
  52. package/dist/style.css +1 -1
  53. package/package.json +3 -2
  54. package/src/styles/_colors.scss +90 -0
  55. package/src/styles/_grid.scss +69 -0
  56. package/src/styles/_reset.scss +2 -2
  57. package/src/styles/_spacing.scss +56 -0
  58. package/src/styles/abstract/_mixins.scss +17 -1
  59. package/src/styles/abstract/_typography.scss +33 -33
  60. package/src/styles/abstract/_variables.scss +145 -54
  61. package/src/styles/main.scss +3 -0
  62. package/src/styles/vendors/_google-material-icons.scss +6 -3
  63. package/dist/app/assets/PzText-H75Z6Lud.css +0 -1
  64. package/dist/app/assets/PzText.stories-pNLs8FlM.js +0 -239
  65. package/dist/app/assets/formatter-EIJCOSYU-oeR5mOii.js +0 -1
  66. package/dist/app/assets/iframe-CNIwQJJc.css +0 -1
@@ -4,4 +4,7 @@
4
4
  @use "vendors/normalize" as *;
5
5
  @use "vendors/google-material-icons" as *;
6
6
 
7
+ @use "./colors";
8
+ @use "./spacing";
9
+ @use "./grid";
7
10
  @use "./reset";
@@ -16,12 +16,15 @@
16
16
  format("woff2");
17
17
  }
18
18
 
19
- .material-icons {
19
+ .pz-material-icon {
20
20
  font-family: "Material Icons", sans-serif;
21
21
  font-weight: normal;
22
22
  font-style: normal;
23
- font-size: var(--size-m);
24
- line-height: inherit;
23
+ font-size: var(--pz-icon-size, var(--pz-font-size-16));
24
+ line-height: 1;
25
+ color: var(--pz-icon-color, currentColor);
26
+ vertical-align: middle;
27
+ user-select: none;
25
28
  letter-spacing: normal;
26
29
  text-transform: none;
27
30
  display: inline-block;
@@ -1 +0,0 @@
1
- .pz-text-demo{display:grid;gap:20px;padding:clamp(20px,2vw,28px);border:1px solid rgba(194,216,222,.95);border-radius:28px;background:linear-gradient(180deg,#fffffffa,#f4f8f9f5),linear-gradient(135deg,rgba(1,77,168,.04),transparent 40%);box-shadow:0 20px 70px #2426381a,inset 0 1px #fffffffa}.pz-text-demo-header{display:flex;align-items:end;justify-content:space-between;gap:16px}.pz-text-demo-eyebrow,.pz-text-board-eyebrow,.pz-text-board-group-kicker,.pz-text-board-variant,.pz-text-board-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pz-text-demo-eyebrow,.pz-text-board-eyebrow,.pz-text-board-group-kicker{color:var(--blue)}.pz-text-demo-title,.pz-text-board-title,.pz-text-board-group-title{margin:0;color:var(--black)}.pz-text-demo-title{font-size:clamp(22px,2vw,28px);line-height:1.2}.pz-text-demo-spec,.pz-text-board-spec{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-900)}.pz-text-demo-surface{position:relative;padding:clamp(24px,3vw,44px);border-radius:22px;background:var(--white);box-shadow:inset 0 0 0 1px #d6dadebf,0 18px 40px #24263814}.pz-text-demo-surface:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(1,77,168,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(1,77,168,.04) 1px,transparent 1px);background-size:28px 28px;border-radius:inherit;content:"";-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.22),transparent 64%);mask-image:linear-gradient(180deg,rgba(0,0,0,.22),transparent 64%);pointer-events:none}.pz-text-board{display:grid;gap:22px}.pz-text-board-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px;align-items:stretch}.pz-text-board-hero-copy,.pz-text-board-hero-preview,.pz-text-board-group{padding:clamp(22px,2vw,30px);border:1px solid rgba(194,216,222,.92);border-radius:28px;background:linear-gradient(180deg,#fffffffa,#f4f8f9f5),linear-gradient(135deg,rgba(1,77,168,.04),transparent 38%);box-shadow:0 18px 60px #24263814,inset 0 1px #fffffff5}.pz-text-board-hero-copy{display:grid;align-content:center;gap:16px}.pz-text-board-title{font-size:clamp(32px,4vw,48px);line-height:1.05;max-width:12ch}.pz-text-board-description{margin:0;max-width:60ch;font-size:15px;line-height:1.7;color:var(--gray-500)}.pz-text-board-hero-preview{display:grid;align-content:start;gap:20px;background:radial-gradient(circle at top right,rgba(1,77,168,.08),transparent 28%),linear-gradient(180deg,#fffffffa,#f4f8f9f5)}.pz-text-board-chip{justify-self:start;padding:9px 12px;border-radius:999px;background:#014da814;color:var(--blue)}.pz-text-board-group{display:grid;gap:18px}.pz-text-board-group-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.pz-text-board-group-title{font-size:20px;line-height:1.35}.pz-text-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pz-text-board-card{display:grid;gap:16px;padding:18px;min-height:122px;border:1px solid rgba(214,218,222,.88);border-radius:22px;background:#fffffff0;box-shadow:0 12px 34px #2426380f}.pz-text-board-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pz-text-board-variant{color:var(--blue)}@media (width <= 1024px){.pz-text-board-hero,.pz-text-board-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-text-demo-header,.pz-text-board-meta{flex-direction:column;align-items:start}.pz-text-board-hero-copy,.pz-text-board-hero-preview,.pz-text-board-group,.pz-text-demo{padding:20px;border-radius:22px}}.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}
@@ -1,239 +0,0 @@
1
- import{d as Ne,e as je,w as qe,r as Ee,n as Me,f as Ue,g as $e,o as We}from"./iframe-B_iz38fI.js";import"./preload-helper-C1FmrZbK.js";const R=Ne({name:"PzText",__name:"PzText",props:{variant:{},as:{default:void 0}},setup(e){const t={"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=e,T=$e(()=>a.as??t[a.variant]??"span");return(k,Ye)=>(We(),je(Ue(T.value),{class:Me(["pz-text",`pz-text--${e.variant}`])},{default:qe(()=>[Ee(k.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),Je=(e,t)=>{const a=e.__vccOpts||e;for(const[T,k]of t)a[T]=k;return a},w=Je(R,[["__scopeId","data-v-bd3b2150"]]);R.__docgenInfo=Object.assign({displayName:R.name??R.__name},{name:"PzText",exportName:"default",displayName:"PzText",description:"",tags:{},props:[{name:"variant",required:!0,type:{name:"PzTextVariant"}},{name:"as",required:!1,type:{name:"PzTextTag"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzText/PzText.vue"]});const Ke=["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"],Qe=["h1","h2","h3","h4","h5","h6","p","span","div","a","label"],r=[{variant:"h1-bold",label:"Headline Bold 1",spec:"44px / 700 / 1.5"},{variant:"h1-regular",label:"Headline Regular 1",spec:"44px / 400 / 1.5"},{variant:"h2-bold",label:"Headline Bold 2",spec:"32px / 700 / 1.5"},{variant:"h3-bold",label:"Headline Bold 3",spec:"24px / 700 / 1.5"},{variant:"h3-regular",label:"Headline Regular 3",spec:"24px / 400 / 1.5"},{variant:"h4-regular",label:"Headline Regular 4",spec:"18px / 400 / 1.5"},{variant:"h4-semibold",label:"Headline Semibold 4",spec:"18px / 600 / 1.5"},{variant:"h4-bold",label:"Headline Bold 4",spec:"18px / 700 / 1.5"},{variant:"subtitle",label:"Subtitle",spec:"16px / 600 / 1.5"},{variant:"body-regular",label:"Body text regular",spec:"14px / 400 / 1.5"},{variant:"body-semibold",label:"Body text semibold",spec:"14px / 600 / 1.5"},{variant:"body-bold",label:"Body text bold",spec:"14px / 700 / 1.5"},{variant:"capitalized",label:"Capitalized text",spec:"14px / 400 / uppercase"},{variant:"hint",label:"Hint text",spec:"14px / 400 / muted"},{variant:"line-through",label:"Archived value",spec:"14px / 400 / strike"},{variant:"small-regular",label:"Small text regular",spec:"12px / 400 / 1.5"},{variant:"small-semibold",label:"Small text semibold",spec:"12px / 600 / 1.5"},{variant:"small-bold",label:"Small text bold",spec:"12px / 700 / 1.5"},{variant:"link",label:"Review procurement details",spec:"14px / 400 / underline"},{variant:"document",label:"Document text",spec:"14px / 400 / default"}],P=8,_=15,Xe=[{title:"Headlines",description:"Primary hierarchy for pages, sections and table headers.",items:r.slice(0,P)},{title:"Reading text",description:"Core editorial styles for descriptions, summaries and UI copy.",items:r.slice(P,_)},{title:"Utility styles",description:"Compact text styles for metadata, helpers and document references.",items:r.slice(_)}],aa={title:"Foundation/PzText",component:w,parameters:{prototype:{caption:"Typography review",note:"Prototype board for validating hierarchy, weight and semantics against the design-system text scale."}},args:{variant:"body-regular",content:"Every procurement notice should stay readable across dense interfaces and long-form content."},argTypes:{variant:{control:"select",options:Ke,description:"Text style variant from the Design System."},as:{control:"select",options:Qe,description:"HTML tag to render. Defaults to a semantic tag based on variant."},content:{control:"text",description:"Text content.",table:{category:"Slots"}}},render:e=>({components:{pzText:w},setup(){const t=r.find(a=>a.variant===e.variant)??r[0];return{args:e,currentSample:t}},template:`
2
- <section class="pz-text-demo">
3
- <div class="pz-text-demo-header">
4
- <div>
5
- <span class="pz-text-demo-eyebrow">Live preview</span>
6
- <h2 class="pz-text-demo-title">{{ currentSample.label }}</h2>
7
- </div>
8
- <span class="pz-text-demo-spec">{{ currentSample.spec }}</span>
9
- </div>
10
-
11
- <div class="pz-text-demo-surface">
12
- <pz-text :variant="args.variant" :as="args.as">{{ args.content }}</pz-text>
13
- </div>
14
- </section>
15
- `})},n={name:"All variants",parameters:{prototype:{caption:"Typography prototype board",note:"Specimen sheet for reviewing the full Prozorro text scale in a single prototype canvas."}},render:e=>({components:{pzText:w},setup(){return{args:e,variantGroups:Xe}},template:`
16
- <div class="pz-text-board">
17
- <section class="pz-text-board-hero">
18
- <div class="pz-text-board-hero-copy">
19
- <span class="pz-text-board-eyebrow">Design system / Typography</span>
20
- <h1 class="pz-text-board-title">Readable hierarchy for procurement interfaces</h1>
21
- <p class="pz-text-board-description">
22
- The board below mirrors a Figma-style specimen page: one live editable preview, followed by grouped text tokens with their size and weight metadata.
23
- </p>
24
- </div>
25
-
26
- <div class="pz-text-board-hero-preview">
27
- <span class="pz-text-board-chip">Interactive sample</span>
28
- <pz-text :variant="args.variant" :as="args.as">{{ args.content }}</pz-text>
29
- </div>
30
- </section>
31
-
32
- <section
33
- v-for="group in variantGroups"
34
- :key="group.title"
35
- class="pz-text-board-group"
36
- >
37
- <header class="pz-text-board-group-header">
38
- <div>
39
- <span class="pz-text-board-group-kicker">{{ group.title }}</span>
40
- <h2 class="pz-text-board-group-title">{{ group.description }}</h2>
41
- </div>
42
- </header>
43
-
44
- <div class="pz-text-board-grid">
45
- <article
46
- v-for="sample in group.items"
47
- :key="sample.variant"
48
- class="pz-text-board-card"
49
- >
50
- <div class="pz-text-board-meta">
51
- <span class="pz-text-board-variant">{{ sample.variant }}</span>
52
- <span class="pz-text-board-spec">{{ sample.spec }}</span>
53
- </div>
54
- <pz-text :variant="sample.variant">{{ sample.label }}</pz-text>
55
- </article>
56
- </div>
57
- </section>
58
- </div>
59
- `})},s={name:"H1 Bold",args:{variant:"h1-bold",content:"Headline Bold 1"}},o={name:"H1 Regular",args:{variant:"h1-regular",content:"Headline Regular 1"}},l={name:"H2 Bold",args:{variant:"h2-bold",content:"Headline Bold 2"}},i={name:"H3 Bold",args:{variant:"h3-bold",content:"Headline Bold 3"}},d={name:"H3 Regular",args:{variant:"h3-regular",content:"Headline Regular 3"}},c={name:"H4 Regular",args:{variant:"h4-regular",content:"Headline Regular 4"}},p={name:"H4 Semibold",args:{variant:"h4-semibold",content:"Headline Semibold 4"}},m={name:"H4 Bold",args:{variant:"h4-bold",content:"Headline Bold 4"}},u={args:{variant:"subtitle",content:"Subtitle"}},g={name:"Body Regular",args:{variant:"body-regular",content:"Body text regular"}},b={name:"Body Semibold",args:{variant:"body-semibold",content:"Body text semibold"}},v={name:"Body Bold",args:{variant:"body-bold",content:"Body text bold"}},h={args:{variant:"capitalized",content:"Capitalized text"}},x={args:{variant:"hint",content:"Hint text"}},y={name:"Line Through",args:{variant:"line-through",content:"Line through text"}},z={name:"Small Regular",args:{variant:"small-regular",content:"Small text regular"}},S={name:"Small Semibold",args:{variant:"small-semibold",content:"Small text semibold"}},H={name:"Small Bold",args:{variant:"small-bold",content:"Small text bold"}},B={name:"Link",args:{variant:"link",content:"Link text"}},f={args:{variant:"document",content:"Document text"}};var L,C,D;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`{
60
- name: "All variants",
61
- parameters: {
62
- prototype: {
63
- caption: "Typography prototype board",
64
- note: "Specimen sheet for reviewing the full Prozorro text scale in a single prototype canvas."
65
- }
66
- },
67
- render: args => ({
68
- components: {
69
- pzText: PzText
70
- },
71
- setup() {
72
- return {
73
- args,
74
- variantGroups
75
- };
76
- },
77
- template: \`
78
- <div class="pz-text-board">
79
- <section class="pz-text-board-hero">
80
- <div class="pz-text-board-hero-copy">
81
- <span class="pz-text-board-eyebrow">Design system / Typography</span>
82
- <h1 class="pz-text-board-title">Readable hierarchy for procurement interfaces</h1>
83
- <p class="pz-text-board-description">
84
- The board below mirrors a Figma-style specimen page: one live editable preview, followed by grouped text tokens with their size and weight metadata.
85
- </p>
86
- </div>
87
-
88
- <div class="pz-text-board-hero-preview">
89
- <span class="pz-text-board-chip">Interactive sample</span>
90
- <pz-text :variant="args.variant" :as="args.as">{{ args.content }}</pz-text>
91
- </div>
92
- </section>
93
-
94
- <section
95
- v-for="group in variantGroups"
96
- :key="group.title"
97
- class="pz-text-board-group"
98
- >
99
- <header class="pz-text-board-group-header">
100
- <div>
101
- <span class="pz-text-board-group-kicker">{{ group.title }}</span>
102
- <h2 class="pz-text-board-group-title">{{ group.description }}</h2>
103
- </div>
104
- </header>
105
-
106
- <div class="pz-text-board-grid">
107
- <article
108
- v-for="sample in group.items"
109
- :key="sample.variant"
110
- class="pz-text-board-card"
111
- >
112
- <div class="pz-text-board-meta">
113
- <span class="pz-text-board-variant">{{ sample.variant }}</span>
114
- <span class="pz-text-board-spec">{{ sample.spec }}</span>
115
- </div>
116
- <pz-text :variant="sample.variant">{{ sample.label }}</pz-text>
117
- </article>
118
- </div>
119
- </section>
120
- </div>
121
- \`
122
- })
123
- }`,...(D=(C=n.parameters)==null?void 0:C.docs)==null?void 0:D.source}}};var V,A,I;s.parameters={...s.parameters,docs:{...(V=s.parameters)==null?void 0:V.docs,source:{originalSource:`{
124
- name: "H1 Bold",
125
- args: {
126
- variant: "h1-bold",
127
- content: "Headline Bold 1"
128
- }
129
- }`,...(I=(A=s.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};var O,F,G;o.parameters={...o.parameters,docs:{...(O=o.parameters)==null?void 0:O.docs,source:{originalSource:`{
130
- name: "H1 Regular",
131
- args: {
132
- variant: "h1-regular",
133
- content: "Headline Regular 1"
134
- }
135
- }`,...(G=(F=o.parameters)==null?void 0:F.docs)==null?void 0:G.source}}};var N,j,q;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.docs,source:{originalSource:`{
136
- name: "H2 Bold",
137
- args: {
138
- variant: "h2-bold",
139
- content: "Headline Bold 2"
140
- }
141
- }`,...(q=(j=l.parameters)==null?void 0:j.docs)==null?void 0:q.source}}};var E,M,U;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`{
142
- name: "H3 Bold",
143
- args: {
144
- variant: "h3-bold",
145
- content: "Headline Bold 3"
146
- }
147
- }`,...(U=(M=i.parameters)==null?void 0:M.docs)==null?void 0:U.source}}};var $,W,J;d.parameters={...d.parameters,docs:{...($=d.parameters)==null?void 0:$.docs,source:{originalSource:`{
148
- name: "H3 Regular",
149
- args: {
150
- variant: "h3-regular",
151
- content: "Headline Regular 3"
152
- }
153
- }`,...(J=(W=d.parameters)==null?void 0:W.docs)==null?void 0:J.source}}};var K,Q,X;c.parameters={...c.parameters,docs:{...(K=c.parameters)==null?void 0:K.docs,source:{originalSource:`{
154
- name: "H4 Regular",
155
- args: {
156
- variant: "h4-regular",
157
- content: "Headline Regular 4"
158
- }
159
- }`,...(X=(Q=c.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Y,Z,ee;p.parameters={...p.parameters,docs:{...(Y=p.parameters)==null?void 0:Y.docs,source:{originalSource:`{
160
- name: "H4 Semibold",
161
- args: {
162
- variant: "h4-semibold",
163
- content: "Headline Semibold 4"
164
- }
165
- }`,...(ee=(Z=p.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};var ae,te,re;m.parameters={...m.parameters,docs:{...(ae=m.parameters)==null?void 0:ae.docs,source:{originalSource:`{
166
- name: "H4 Bold",
167
- args: {
168
- variant: "h4-bold",
169
- content: "Headline Bold 4"
170
- }
171
- }`,...(re=(te=m.parameters)==null?void 0:te.docs)==null?void 0:re.source}}};var ne,se,oe;u.parameters={...u.parameters,docs:{...(ne=u.parameters)==null?void 0:ne.docs,source:{originalSource:`{
172
- args: {
173
- variant: "subtitle",
174
- content: "Subtitle"
175
- }
176
- }`,...(oe=(se=u.parameters)==null?void 0:se.docs)==null?void 0:oe.source}}};var le,ie,de;g.parameters={...g.parameters,docs:{...(le=g.parameters)==null?void 0:le.docs,source:{originalSource:`{
177
- name: "Body Regular",
178
- args: {
179
- variant: "body-regular",
180
- content: "Body text regular"
181
- }
182
- }`,...(de=(ie=g.parameters)==null?void 0:ie.docs)==null?void 0:de.source}}};var ce,pe,me;b.parameters={...b.parameters,docs:{...(ce=b.parameters)==null?void 0:ce.docs,source:{originalSource:`{
183
- name: "Body Semibold",
184
- args: {
185
- variant: "body-semibold",
186
- content: "Body text semibold"
187
- }
188
- }`,...(me=(pe=b.parameters)==null?void 0:pe.docs)==null?void 0:me.source}}};var ue,ge,be;v.parameters={...v.parameters,docs:{...(ue=v.parameters)==null?void 0:ue.docs,source:{originalSource:`{
189
- name: "Body Bold",
190
- args: {
191
- variant: "body-bold",
192
- content: "Body text bold"
193
- }
194
- }`,...(be=(ge=v.parameters)==null?void 0:ge.docs)==null?void 0:be.source}}};var ve,he,xe;h.parameters={...h.parameters,docs:{...(ve=h.parameters)==null?void 0:ve.docs,source:{originalSource:`{
195
- args: {
196
- variant: "capitalized",
197
- content: "Capitalized text"
198
- }
199
- }`,...(xe=(he=h.parameters)==null?void 0:he.docs)==null?void 0:xe.source}}};var ye,ze,Se;x.parameters={...x.parameters,docs:{...(ye=x.parameters)==null?void 0:ye.docs,source:{originalSource:`{
200
- args: {
201
- variant: "hint",
202
- content: "Hint text"
203
- }
204
- }`,...(Se=(ze=x.parameters)==null?void 0:ze.docs)==null?void 0:Se.source}}};var He,Be,fe;y.parameters={...y.parameters,docs:{...(He=y.parameters)==null?void 0:He.docs,source:{originalSource:`{
205
- name: "Line Through",
206
- args: {
207
- variant: "line-through",
208
- content: "Line through text"
209
- }
210
- }`,...(fe=(Be=y.parameters)==null?void 0:Be.docs)==null?void 0:fe.source}}};var Re,Te,ke;z.parameters={...z.parameters,docs:{...(Re=z.parameters)==null?void 0:Re.docs,source:{originalSource:`{
211
- name: "Small Regular",
212
- args: {
213
- variant: "small-regular",
214
- content: "Small text regular"
215
- }
216
- }`,...(ke=(Te=z.parameters)==null?void 0:Te.docs)==null?void 0:ke.source}}};var we,Pe,_e;S.parameters={...S.parameters,docs:{...(we=S.parameters)==null?void 0:we.docs,source:{originalSource:`{
217
- name: "Small Semibold",
218
- args: {
219
- variant: "small-semibold",
220
- content: "Small text semibold"
221
- }
222
- }`,...(_e=(Pe=S.parameters)==null?void 0:Pe.docs)==null?void 0:_e.source}}};var Le,Ce,De;H.parameters={...H.parameters,docs:{...(Le=H.parameters)==null?void 0:Le.docs,source:{originalSource:`{
223
- name: "Small Bold",
224
- args: {
225
- variant: "small-bold",
226
- content: "Small text bold"
227
- }
228
- }`,...(De=(Ce=H.parameters)==null?void 0:Ce.docs)==null?void 0:De.source}}};var Ve,Ae,Ie;B.parameters={...B.parameters,docs:{...(Ve=B.parameters)==null?void 0:Ve.docs,source:{originalSource:`{
229
- name: "Link",
230
- args: {
231
- variant: "link",
232
- content: "Link text"
233
- }
234
- }`,...(Ie=(Ae=B.parameters)==null?void 0:Ae.docs)==null?void 0:Ie.source}}};var Oe,Fe,Ge;f.parameters={...f.parameters,docs:{...(Oe=f.parameters)==null?void 0:Oe.docs,source:{originalSource:`{
235
- args: {
236
- variant: "document",
237
- content: "Document text"
238
- }
239
- }`,...(Ge=(Fe=f.parameters)==null?void 0:Fe.docs)==null?void 0:Ge.source}}};const ta=["AllVariants","H1Bold","H1Regular","H2Bold","H3Bold","H3Regular","H4Regular","H4Semibold","H4Bold","Subtitle","BodyRegular","BodySemibold","BodyBold","Capitalized","Hint","LineThroughStory","SmallRegular","SmallSemibold","SmallBold","LinkStory","Document"];export{n as AllVariants,v as BodyBold,g as BodyRegular,b as BodySemibold,h as Capitalized,f as Document,s as H1Bold,o as H1Regular,l as H2Bold,i as H3Bold,d as H3Regular,m as H4Bold,c as H4Regular,p as H4Semibold,x as Hint,y as LineThroughStory,B as LinkStory,H as SmallBold,z as SmallRegular,S as SmallSemibold,u as Subtitle,ta as __namedExportsOrder,aa as default};
@@ -1 +0,0 @@
1
- import{d as i,a as m}from"./DocsRenderer-LL677BLK-DxB60yOs.js";import{b as a}from"./iframe-B_iz38fI.js";import"./preload-helper-C1FmrZbK.js";var o=a(m(),1),d=(0,o.default)(2)(async(e,r)=>e===!1?r:i(r));export{d as formatter};
@@ -1 +0,0 @@
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%}.sb-show-main,.sb-main-padded,#storybook-root{min-height:100vh}.sb-main-padded{padding:0!important}body{background:radial-gradient(circle at top left,rgba(194,216,222,.45),transparent 28%),radial-gradient(circle at top right,rgba(1,77,168,.08),transparent 24%),linear-gradient(180deg,#f7fbfd,#edf4f7)}.sb-prototype{position:relative;min-height:100vh;padding:32px;overflow:hidden;color:var(--black)}.sb-prototype:before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(1,77,168,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(1,77,168,.04) 1px,transparent 1px);background-size:32px 32px;content:"";-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%);pointer-events:none}.sb-prototype-chrome,.sb-prototype-board{position:relative;z-index:1}.sb-prototype-chrome{display:flex;align-items:center;gap:18px;margin:0 auto 24px;padding:18px 22px;max-width:1440px;border:1px solid rgba(194,216,222,.95);border-radius:24px;background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #2426381a,inset 0 1px #fffffff2}.sb-prototype-traffic{display:inline-flex;gap:8px}.sb-prototype-traffic-dot{width:10px;height:10px;border-radius:999px}.sb-prototype-traffic-dot-red{background:#f26d60}.sb-prototype-traffic-dot-amber{background:#f4c14e}.sb-prototype-traffic-dot-green{background:#5ac47b}.sb-prototype-meta{display:grid;gap:2px}.sb-prototype-eyebrow,.sb-prototype-label{font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.sb-prototype-title{font-size:16px;font-weight:700;line-height:1.4}.sb-prototype-path,.sb-prototype-copy{font-size:13px;line-height:1.6;color:var(--gray-500)}.sb-prototype-board{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px;margin:0 auto;max-width:1440px}.sb-prototype-rail{display:grid;align-content:start;gap:16px}.sb-prototype-rail-block{padding:18px;border:1px solid rgba(194,216,222,.85);border-radius:22px;background:#ffffffbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px #2426380f}.sb-prototype-surface{min-height:720px;padding:28px;border:1px solid rgba(194,216,222,.95);border-radius:32px;background:linear-gradient(135deg,#fffffff5,#f4f8f9f5),linear-gradient(180deg,rgba(1,77,168,.03),transparent 28%);box-shadow:0 28px 100px #24263824,inset 0 1px #fffffffa}@media (width <= 1024px){.sb-prototype{padding:20px}.sb-prototype-board{grid-template-columns:1fr}.sb-prototype-surface{min-height:auto;padding:20px}}@media (width <= 640px){.sb-prototype-chrome{padding:16px 18px;border-radius:18px}.sb-prototype-surface{border-radius:24px}}