@putdotio/design 1.0.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@putdotio/design",
3
- "version": "1.0.0",
4
- "description": "Public put.io design tokens, generated token artifacts, and design-system guidance.",
3
+ "version": "1.2.0",
4
+ "description": "Public put.io design tokens, brand assets, and design-system guidance.",
5
5
  "license": "MIT",
6
6
  "type": "module",
7
7
  "homepage": "https://design.put.io",
@@ -14,6 +14,7 @@
14
14
  },
15
15
  "keywords": [
16
16
  "putio",
17
+ "brand-assets",
17
18
  "design-system",
18
19
  "design-tokens",
19
20
  "dtcg"
@@ -21,13 +22,36 @@
21
22
  "publishConfig": {
22
23
  "access": "public"
23
24
  },
25
+ "release": {
26
+ "branches": [
27
+ "main"
28
+ ],
29
+ "tagFormat": "v${version}",
30
+ "plugins": [
31
+ "@semantic-release/commit-analyzer",
32
+ "@semantic-release/release-notes-generator",
33
+ "@semantic-release/npm",
34
+ "@semantic-release/github",
35
+ [
36
+ "@semantic-release/git",
37
+ {
38
+ "assets": [
39
+ "package.json"
40
+ ],
41
+ "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
42
+ }
43
+ ]
44
+ ]
45
+ },
24
46
  "files": [
25
47
  "DESIGN.md",
26
48
  "dist",
27
49
  "tokens",
50
+ "system/assets",
28
51
  "system/README.md"
29
52
  ],
30
53
  "exports": {
54
+ "./assets/*": "./system/assets/*",
31
55
  "./css": "./dist/css/tokens.css",
32
56
  "./tokens": "./dist/tokens.flat.json",
33
57
  "./tokens/meta": {
@@ -41,7 +65,7 @@
41
65
  "scripts": {
42
66
  "dev": "node scripts/serve-system.ts",
43
67
  "tokens:build": "node scripts/build-tokens.ts",
44
- "tokens:check": "pnpm tokens:build && node scripts/verify-design-system.ts && git diff --exit-code -- DESIGN.md dist system/tokens.css",
68
+ "tokens:check": "node scripts/check-generated-tokens.ts && node scripts/verify-design-system.ts",
45
69
  "typecheck:scripts": "tsc --noEmit --ignoreConfig --skipLibCheck --module ESNext --moduleResolution Bundler --target ES2022 --strict --types node scripts/*.ts playwright.config.ts tests/e2e/*.ts sst.config.ts infra/*.ts",
46
70
  "smoke": "node scripts/smoke-static.ts",
47
71
  "html:check": "html-validate \"system/**/*.html\"",
package/system/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # put.io design system
2
2
 
3
- This is the `system/` folder inside [`putdotio/putio-design`](https://github.com/putdotio/putio-design). It holds the **tokens**, **preview cards**, and an **index** of the design system.
3
+ This folder holds the generated site tokens, preview cards, and design-system index.
4
4
 
5
5
  ## Layout
6
6
 
@@ -18,40 +18,46 @@ project root/
18
18
 
19
19
  ## Fonts
20
20
 
21
- Fonts are loaded directly from `static.put.io`, so the design system uses the same public type families as put.io product surfaces. Each HTML file links three stylesheets in `<head>`:
22
-
23
- ```html
24
- <link rel="stylesheet" href="https://static.put.io/fonts/gt-america/standard/font.css">
25
- <link rel="stylesheet" href="https://static.put.io/fonts/gt-america/mono/font.css">
26
- <link rel="stylesheet" href="https://static.put.io/fonts/berkeley-mono/variable/font.css">
27
- ```
28
-
29
- Canonical weight mapping (matches `putdotio/putio-static`):
30
- `100 ultra-light · 200 thin · 300 light · 400 regular · 500 medium · 700 bold · 900 black`
21
+ Preview pages load the public put.io font CSS from `static.put.io`: GT America,
22
+ GT America Mono, and Berkeley Mono. Do not commit font files here.
31
23
 
32
24
  ## Using tokens
33
25
 
26
+ For the static guide, pages in `system/` load the generated site stylesheet:
27
+
34
28
  ```html
35
- <link rel="stylesheet" href="system/tokens.css">
29
+ <link rel="stylesheet" href="./tokens.css">
36
30
  ```
37
31
 
38
32
  The canonical source is DTCG-compatible JSON in [`../tokens`](../tokens). This
39
- CSS file is generated for the design site and package consumers. Everything else
40
- is a variable. The only hard-coded value you should ever write is `#FDCE45` —
41
- and even that is exposed as `var(--yellow-solid)`.
33
+ site stylesheet (`system/tokens.css`) and the package stylesheet
34
+ (`dist/css/tokens.css`, exported as `@putdotio/design/css`) are generated from
35
+ the same source. Guide and component CSS should consume custom properties rather
36
+ than hard-coded palette values. Brand yellow is emitted as
37
+ `var(--yellow-solid)`; its CSS token value is `hsl(44.7, 97.9%, 63.1%)`, the
38
+ hsl form of canonical `#FDCE45`. Primary hover feedback uses
39
+ `--yellow-solid-hover`, exposed to consumers as `--button-primary-bg-hover`.
40
+
41
+ Web package consumers import the package CSS export:
42
+
43
+ ```css
44
+ @import "@putdotio/design/css";
45
+ ```
42
46
 
43
47
  For **TV preview cards**, also load `preview/tv-shell.css` — it adds the `.tv`, `.topnav`, `.scr`, glass tiers, and player chrome on top of the tokens. This is preview-only support CSS; platform repos implement TV components in their native UI stacks:
44
48
 
45
49
  ```html
46
- <link rel="stylesheet" href="system/tokens.css">
47
- <link rel="stylesheet" href="system/preview/tv-shell.css">
50
+ <link rel="stylesheet" href="./tokens.css">
51
+ <link rel="stylesheet" href="./preview/tv-shell.css">
48
52
  ```
49
53
 
50
54
  ## Core rules
51
55
 
52
- - **Yellow `#FDCE45` is sacred.** Never gradient, tint, or replace. Primary CTAs, folder icons, focus rings (at 35% alpha), progress bars. `--yellow-solid` is the brand value; for yellow text on light backgrounds use `--yellow-text-secondary` instead.
56
+ - **Yellow `#FDCE45` is the brand fill in both modes.** Use it for primary CTAs, folder icons, button/nav/TV focus rings (at 35% alpha), and progress bars. Use `--yellow-solid-hover` / `--button-primary-bg-hover` for CTA hover feedback, `--primary-foreground` for labels on yellow, and `--yellow-text-secondary` for yellow text on light backgrounds.
53
57
  - **Icons: Phosphor-style inline SVG.** No emoji, ever.
54
58
  - **One design, two modes.** Light and dark are the same markup and components with different token values. Toggle `.dark` on `<html>`; do not fork the page or rebuild a light-specific copy.
59
+ - **Fields stay quiet.** Use `--field-bg`, `--field-border`, and `--field-ring` for text entry. Invalid fields use `aria-invalid="true"` with red border/text only, never a red fill.
60
+ - **Panels are shared.** Use `--panel-bg`, `--panel-border`, `--panel-radius`, and `--panel-shadow` for raised cards and auth-style shells instead of screen-specific variables.
55
61
  - **Content-agnostic.** put.io doesn't know what the user's files are. Never parse `The.Wire.S03E04.1080p.mkv` into `The Wire`. Raw filenames only. See the root [`DESIGN.md`](../DESIGN.md) for the full principle.
56
62
 
57
63
  ## Theme System
@@ -79,6 +85,4 @@ Four documented type stacks — pick one per surface:
79
85
 
80
86
  ## Preview cards
81
87
 
82
- Open `system/design-system.html` for the full index. Each card renders a single concept against the actual tokens — read it like a spec.
83
-
84
- See the root [`AGENTS.md`](../AGENTS.md) for naming conventions and the rules agents must follow.
88
+ Open `system/design-system.html` for the full index. Each card renders a single concept against the actual tokens; treat it as the visual spec.
Binary file
@@ -0,0 +1,6 @@
1
+ <svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="256" height="256" rx="20" fill="#323232"></rect>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M59 94.2498H62.7597V79.2498H66.5195V71.7498H70.2792V67.9998H74.0389V64.2498H77.7987V56.7498H85.3181V52.9998H89.0779V49.2498H96.5973V45.4998H104.117V41.7498L145.474 41.7498V45.4998H152.993V49.2498H160.513V52.9998H168.032V56.7498H171.792V60.4998H175.552V64.2498H179.311V71.7498H183.071V79.2498H186.831V86.7498H190.591V124.25H186.831V135.5H183.071V143H179.311V146.75H175.552V150.5H171.792V154.25H168.032V158H164.273V161.75H156.753V165.5H149.234V169.25H134.195V173H96.5973V176.75H92.8376V195.5H89.0779V199.25H85.3181V203H66.5195V199.25H62.7597V195.5H59L59 94.2498ZM100.356 94.2501V86.7501H104.116V83.0001H111.635V79.2501H119.155V75.5001H130.434V79.2501H141.713V83.0001H145.473V86.7501H149.233V94.2501H152.993V116.75H149.233V120.5H145.473V124.25H141.713V128H137.954V131.75H111.635V128H107.876V124.25H104.116V120.5H100.356V113H96.5964V94.2501H100.356Z" fill="white"></path>
4
+ <path d="M115.396 90.5H107.877V98H104.117V109.25H107.877V116.75H111.637V109.25H115.396V101.75H119.156V98H126.675V94.25H134.195V90.5H137.955V86.75H126.675V83H122.916V86.75H115.396V90.5Z" fill="#FDCE45"></path>
5
+ <path d="M201.871 94.25H198.111V128H194.352V139.25H190.592V146.75H186.832V150.5H183.072V154.25H179.313V158H175.553V161.75H171.793V165.5H168.033V169.25H160.514V173H152.994V176.75H137.956V180.5H100.358L100.358 199.25H96.5984V203H92.8386V206.75H89.0789V210.5H77.7997V214.25H81.5594V218H100.358V214.25H104.118V210.5H107.878V191.75H111.637V188H149.235V184.25H164.274V180.5H171.793V176.75H179.313V173H183.072V169.25H186.832V165.5H190.592V161.75H194.352V158H198.111V150.5H201.871V139.25H205.631V101.75H201.871V94.25Z" fill="#FDCE45"></path>
6
+ </svg>
@@ -0,0 +1,22 @@
1
+ <svg width="376" height="96" viewBox="0 0 376 96" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M0 30.0002H2L2 22.0001H4V18.0001H6V16.0001H8V14.0001H10V10.0001H14V8.00008H16V6.00007H20V4.00007H24V2.00006L46 2.00006V4.00007L50 4.00007V6.00007L54 6.00007V8.00008H58V10.0001H60V12.0001H62V14.0001H64V18.0001H66V22.0001H68V26.0001H70V46.0002H68V52.0002H66V56.0002H64V58.0002H62V60.0002H60L60 62.0003L58 62.0003V64.0003H56V66.0003H52V68.0003H48V70.0003H40V72.0003H20V74.0003H18V84.0003H16V86.0003H14V88.0003H4V86.0003H2V84.0003H0L0 30.0002ZM21.9981 30.0002V26.0002H23.9981V24.0002H27.9981V22.0002L31.9981 22.0002V20.0002H37.9981V22.0002H43.9981V24.0002H45.9981V26.0002H47.9981V30.0002H49.9981V42.0002H47.9981V44.0002H45.9981V46.0002H43.9981V48.0002H41.9981V50.0002H27.9981V48.0002H25.9981V46.0002H23.9981V44.0002H21.9981V40.0002H19.9981L19.9981 30.0002H21.9981Z" fill="white"></path>
3
+ <path d="M102 2.00006L88.0001 2.00006V4.00006H86.0001V6.00006H84.0001V44.0001H86.0001V50.0001H88.0001V56.0001H90.0001V58.0001H92.0001V60.0001H94.0001V62.0001H96.0001V64.0001H98.0001V66.0001H100V68.0001H104V70.0001H110V72.0001H124V70.0001H132V68.0001H136V66.0001H138V64.0001H140V62.0001H142V60.0001L144 60.0001V58.0001H146V54.0001H148V50.0001H150V44.0001H152V6.00006L150 6.00006V4.00006H148V2.00006L134 2.00006V6.00006H132V42.0001H130V46.0001H128V48.0001H126V50.0001H122V52.0001H114V50.0001H110V48.0001H108V46.0001H106V40.0001H104V4.00006L102 4.00006V2.00006Z" fill="white"></path>
4
+ <path d="M226 2.00006L166 2.00006V4.00006H164V6.00006H162V16.0001H164V18.0001H166V20.0001H182V22.0001H186V66.0001H188V70.0001H192V72.0001H200V70.0001H204V66.0001H206V22.0001H210V20.0001H226V18.0001H228V16.0001H230V6.00006L228 6.00006V4.00006H226V2.00006Z" fill="white"></path>
5
+ <path d="M225.999 54H223.999V65.9999H225.999V67.9999H227.999V69.9999H231.999V71.9999H237.999V69.9999H241.999V67.9999H243.999V65.9999H245.999V54H243.999V52H241.999V50H227.999V52H225.999V54Z" fill="white"></path>
6
+ <path d="M264.001 5.99999H262.001V16H264.001V20H266.001V22H280.001V20H282.001V18H284.001V5.99999H282.001V3.99999L280.001 3.99999V2L276.001 2V0L270.001 0V2L266.001 2V3.99999L264.001 3.99999V5.99999Z" fill="white"></path>
7
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M300.001 20.0001H302.001V18.0001H304.001V14.0001H306.001V12.0001H308.001V10.0001H310.001V8.00006H314.001V6.00006H316.001V4.00006L322.001 4.00006V2.00006L344.001 2.00006V4.00006L348.001 4.00006V6.00006L352.001 6.00006V8.00006H354.001V10.0001H356.001V12.0001H358.001V14.0001H360.001V16.0001H362.001V18.0001H364.001V24.0001H366.001V30.0001H368.001V42.0001H366.001V50.0001H364.001V54.0001H362.001V56.0001H360.001V60.0001H358.001V62.0001L356.001 62.0001V64.0001H352.001V66.0001H350.001V68.0001H344.001V70.0001H338.001V72.0001H328.001V70.0001H320.001V68.0001H314.001V66.0001H312.001V64.0001H310.001V62.0001H308.001V60.0001H306.001V58.0001H304.001V56.0001H302.001V52.0001H300.001V46.0001H298.001V26.0001H300.001V20.0001ZM320 25.9998H322V23.9999H326V21.9999L340 21.9999V23.9999H342V25.9998H344V27.9998H346V29.9998H348V41.9998H346V43.9998H344V45.9998H342V47.9998H340V49.9998H326V47.9998H322V45.9998H320V41.9998H318V29.9998H320V25.9998Z" fill="white"></path>
8
+ <path d="M266 35.9999H264V67.9999H266V69.9999H268V71.9999H278V69.9999H280V67.9999H282V35.9999H280V33.9999H266V35.9999Z" fill="white"></path>
9
+ <path d="M324.001 32.0003H322.001V40.0003H324.001V44.0003H326.001V38.0003H328.001V34.0003H330.001V32.0003H334.001V30.0003H340.001V28.0003H338.001V26.0003H328.001V28.0003H324.001V32.0003Z" fill="#FDCE45"></path>
10
+ <path d="M328.001 78.0004V76.0004H340.001V74.0004H346.001V72.0004H352.001V70.0004H354.001V68.0003H358.001V66.0003H360.001V64.0003H362.001V62.0003H364.001V58.0003H366.001V56.0003H368.001V52.0003H370.001V44.0003H372.001V32.0003H374.001V38.0003H376.001V50.0003H374.001V58.0003H372.001V62.0003H370.001V64.0003H368.001V68.0003H366.001V70.0004H364.001V72.0004H360.001V74.0004H358.001V76.0004H352.001V78.0004H346.001V80.0004H336.001V78.0004H328.001Z" fill="#FDCE45"></path>
11
+ <path d="M372.001 26.0003H370.001V28.0003H372.001V26.0003Z" fill="#FDCE45"></path>
12
+ <path d="M30.0002 28H26.0002V32H24.0002V38H26.0002V42H28.0002V38H30.0002V34H32.0002V32H36.0002V30H40.0002V28H42.0002V26H36.0002V24H34.0002V26H30.0002V28Z" fill="#FDCE45"></path>
13
+ <path d="M76.0019 30H74.0019V48H72.0019V54H70.0019V58H68.0019V60L66.0019 60V62H64.0019V64H62.0019V66H60.0019V68H58.0019L58.0019 70H54.0019V72H50.0019V74H42.0019V76H22.002L22.002 86H20.002V88H18.002V90H16.002V92H10.002V94H12.002V96H22.002V94H24.0019V92H26.0019V82H28.0019V80H48.0019V78H56.0019V76H60.0019V74H64.0019V72H66.0019V70H68.0019V68H70.0019V66H72.0019V64H74.0019V60H76.0019V54H78.0019V34H76.0019V30Z" fill="#FDCE45"></path>
14
+ <path d="M110 9.99994H108V37.9999H110V43.9999H112V11.9999H110V9.99994Z" fill="#FDCE45"></path>
15
+ <path d="M158.002 12.0001H156.002V46.0001H154.002V52.0001H152.002V56L150.002 56V60H148.002V62H146.002V64H144.002V66H142.002V68H140.002V70H138.002V72H134.002V74H126.002V76H112.002V78H118.002V80H132.002V78H140.002V76H144.002V74H146.002V72H148.002V70H150.002V68H152.002V66H154.002V62H156.002V58H158.002V52.0001H160.002V18.0001H158.002V12.0001Z" fill="#FDCE45"></path>
16
+ <path d="M180.001 24H172.001V26H174.001V28H182.001V26H180.001V24Z" fill="#FDCE45"></path>
17
+ <path d="M202.001 76H196.001V78H200.001V80H208.001V78H212.001V74H214.001V30L218.001 30V28L234.001 28V26H236.001V24H238.001V14H236.001V12H234.001V18H232.001V20H230.001V22H228.001V24L212.001 24V26H210.001V68H208.001V72H206.001V74H202.001V76Z" fill="#FDCE45"></path>
18
+ <path d="M251.999 60H249.999V68H247.999V70H245.999V72H243.999V74H239.999V76H235.999V78H239.999V80H245.999V78H249.999V76H251.999V74H253.999V62H251.999V60Z" fill="#FDCE45"></path>
19
+ <path d="M290 12.0001H288V20.0001H286V22.0001H284V24.0001H282V26.0001H272V28.0001H274V30.0001H288V28.0001H290V26.0001H292V14.0001H290V12.0001Z" fill="#FDCE45"></path>
20
+ <path d="M288.001 42.0001H286.001V70H284.001V72H282.001V74H280.001V76H274.001V78H276.001V80H286.001V78H288.001V76H290.001V44.0001H288.001V42.0001Z" fill="#FDCE45"></path>
21
+ <path d="M322.001 75.9999V73.9999H326.001V75.9999H322.001Z" fill="#FDCE45"></path>
22
+ </svg>
@@ -0,0 +1,22 @@
1
+ <svg width="376" height="96" viewBox="0 0 376 96" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M0 30.0002H2L2 22.0001H4V18.0001H6V16.0001H8V14.0001H10V10.0001H14V8.00008H16V6.00007H20V4.00007H24V2.00006L46 2.00006V4.00007L50 4.00007V6.00007L54 6.00007V8.00008H58V10.0001H60V12.0001H62V14.0001H64V18.0001H66V22.0001H68V26.0001H70V46.0002H68V52.0002H66V56.0002H64V58.0002H62V60.0002H60L60 62.0003L58 62.0003V64.0003H56V66.0003H52V68.0003H48V70.0003H40V72.0003H20V74.0003H18V84.0003H16V86.0003H14V88.0003H4V86.0003H2V84.0003H0L0 30.0002ZM21.9981 30.0002V26.0002H23.9981V24.0002H27.9981V22.0002L31.9981 22.0002V20.0002H37.9981V22.0002H43.9981V24.0002H45.9981V26.0002H47.9981V30.0002H49.9981V42.0002H47.9981V44.0002H45.9981V46.0002H43.9981V48.0002H41.9981V50.0002H27.9981V48.0002H25.9981V46.0002H23.9981V44.0002H21.9981V40.0002H19.9981L19.9981 30.0002H21.9981Z" fill="#323232"></path>
3
+ <path d="M102 2.00006L88.0001 2.00006V4.00006H86.0001V6.00006H84.0001V44.0001H86.0001V50.0001H88.0001V56.0001H90.0001V58.0001H92.0001V60.0001H94.0001V62.0001H96.0001V64.0001H98.0001V66.0001H100V68.0001H104V70.0001H110V72.0001H124V70.0001H132V68.0001H136V66.0001H138V64.0001H140V62.0001H142V60.0001L144 60.0001V58.0001H146V54.0001H148V50.0001H150V44.0001H152V6.00006L150 6.00006V4.00006H148V2.00006L134 2.00006V6.00006H132V42.0001H130V46.0001H128V48.0001H126V50.0001H122V52.0001H114V50.0001H110V48.0001H108V46.0001H106V40.0001H104V4.00006L102 4.00006V2.00006Z" fill="#323232"></path>
4
+ <path d="M226 2.00006L166 2.00006V4.00006H164V6.00006H162V16.0001H164V18.0001H166V20.0001H182V22.0001H186V66.0001H188V70.0001H192V72.0001H200V70.0001H204V66.0001H206V22.0001H210V20.0001H226V18.0001H228V16.0001H230V6.00006L228 6.00006V4.00006H226V2.00006Z" fill="#323232"></path>
5
+ <path d="M225.999 54H223.999V65.9999H225.999V67.9999H227.999V69.9999H231.999V71.9999H237.999V69.9999H241.999V67.9999H243.999V65.9999H245.999V54H243.999V52H241.999V50H227.999V52H225.999V54Z" fill="#323232"></path>
6
+ <path d="M264.001 5.99999H262.001V16H264.001V20H266.001V22H280.001V20H282.001V18H284.001V5.99999H282.001V3.99999L280.001 3.99999V2L276.001 2V0L270.001 0V2L266.001 2V3.99999L264.001 3.99999V5.99999Z" fill="#323232"></path>
7
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M300.001 20.0001H302.001V18.0001H304.001V14.0001H306.001V12.0001H308.001V10.0001H310.001V8.00006H314.001V6.00006H316.001V4.00006L322.001 4.00006V2.00006L344.001 2.00006V4.00006L348.001 4.00006V6.00006L352.001 6.00006V8.00006H354.001V10.0001H356.001V12.0001H358.001V14.0001H360.001V16.0001H362.001V18.0001H364.001V24.0001H366.001V30.0001H368.001V42.0001H366.001V50.0001H364.001V54.0001H362.001V56.0001H360.001V60.0001H358.001V62.0001L356.001 62.0001V64.0001H352.001V66.0001H350.001V68.0001H344.001V70.0001H338.001V72.0001H328.001V70.0001H320.001V68.0001H314.001V66.0001H312.001V64.0001H310.001V62.0001H308.001V60.0001H306.001V58.0001H304.001V56.0001H302.001V52.0001H300.001V46.0001H298.001V26.0001H300.001V20.0001ZM320 25.9998H322V23.9999H326V21.9999L340 21.9999V23.9999H342V25.9998H344V27.9998H346V29.9998H348V41.9998H346V43.9998H344V45.9998H342V47.9998H340V49.9998H326V47.9998H322V45.9998H320V41.9998H318V29.9998H320V25.9998Z" fill="#323232"></path>
8
+ <path d="M266 35.9999H264V67.9999H266V69.9999H268V71.9999H278V69.9999H280V67.9999H282V35.9999H280V33.9999H266V35.9999Z" fill="#323232"></path>
9
+ <path d="M324.001 32.0003H322.001V40.0003H324.001V44.0003H326.001V38.0003H328.001V34.0003H330.001V32.0003H334.001V30.0003H340.001V28.0003H338.001V26.0003H328.001V28.0003H324.001V32.0003Z" fill="#FDCE45"></path>
10
+ <path d="M328.001 78.0004V76.0004H340.001V74.0004H346.001V72.0004H352.001V70.0004H354.001V68.0003H358.001V66.0003H360.001V64.0003H362.001V62.0003H364.001V58.0003H366.001V56.0003H368.001V52.0003H370.001V44.0003H372.001V32.0003H374.001V38.0003H376.001V50.0003H374.001V58.0003H372.001V62.0003H370.001V64.0003H368.001V68.0003H366.001V70.0004H364.001V72.0004H360.001V74.0004H358.001V76.0004H352.001V78.0004H346.001V80.0004H336.001V78.0004H328.001Z" fill="#FDCE45"></path>
11
+ <path d="M372.001 26.0003H370.001V28.0003H372.001V26.0003Z" fill="#FDCE45"></path>
12
+ <path d="M30.0002 28H26.0002V32H24.0002V38H26.0002V42H28.0002V38H30.0002V34H32.0002V32H36.0002V30H40.0002V28H42.0002V26H36.0002V24H34.0002V26H30.0002V28Z" fill="#FDCE45"></path>
13
+ <path d="M76.0019 30H74.0019V48H72.0019V54H70.0019V58H68.0019V60L66.0019 60V62H64.0019V64H62.0019V66H60.0019V68H58.0019L58.0019 70H54.0019V72H50.0019V74H42.0019V76H22.002L22.002 86H20.002V88H18.002V90H16.002V92H10.002V94H12.002V96H22.002V94H24.0019V92H26.0019V82H28.0019V80H48.0019V78H56.0019V76H60.0019V74H64.0019V72H66.0019V70H68.0019V68H70.0019V66H72.0019V64H74.0019V60H76.0019V54H78.0019V34H76.0019V30Z" fill="#FDCE45"></path>
14
+ <path d="M110 9.99994H108V37.9999H110V43.9999H112V11.9999H110V9.99994Z" fill="#FDCE45"></path>
15
+ <path d="M158.002 12.0001H156.002V46.0001H154.002V52.0001H152.002V56L150.002 56V60H148.002V62H146.002V64H144.002V66H142.002V68H140.002V70H138.002V72H134.002V74H126.002V76H112.002V78H118.002V80H132.002V78H140.002V76H144.002V74H146.002V72H148.002V70H150.002V68H152.002V66H154.002V62H156.002V58H158.002V52.0001H160.002V18.0001H158.002V12.0001Z" fill="#FDCE45"></path>
16
+ <path d="M180.001 24H172.001V26H174.001V28H182.001V26H180.001V24Z" fill="#FDCE45"></path>
17
+ <path d="M202.001 76H196.001V78H200.001V80H208.001V78H212.001V74H214.001V30L218.001 30V28L234.001 28V26H236.001V24H238.001V14H236.001V12H234.001V18H232.001V20H230.001V22H228.001V24L212.001 24V26H210.001V68H208.001V72H206.001V74H202.001V76Z" fill="#FDCE45"></path>
18
+ <path d="M251.999 60H249.999V68H247.999V70H245.999V72H243.999V74H239.999V76H235.999V78H239.999V80H245.999V78H249.999V76H251.999V74H253.999V62H251.999V60Z" fill="#FDCE45"></path>
19
+ <path d="M290 12.0001H288V20.0001H286V22.0001H284V24.0001H282V26.0001H272V28.0001H274V30.0001H288V28.0001H290V26.0001H292V14.0001H290V12.0001Z" fill="#FDCE45"></path>
20
+ <path d="M288.001 42.0001H286.001V70H284.001V72H282.001V74H280.001V76H274.001V78H276.001V80H286.001V78H288.001V76H290.001V44.0001H288.001V42.0001Z" fill="#FDCE45"></path>
21
+ <path d="M322.001 75.9999V73.9999H326.001V75.9999H322.001Z" fill="#FDCE45"></path>
22
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 621.79 151.615">
2
+ <path d="M242.258,1.084h-5.672c-3.923,0-7.576,1.538-10.28,4.34c-2.707,2.801-4.194,6.567-4.194,10.619v46.023&#xA;c0,14.542-10.234,26.378-22.809,26.378c-12.374,0-22.441-11.836-22.441-26.391v-46.01c0-8.39-6.37-14.959-14.498-14.959h-5.674&#xA;c-8.272,0-14.995,6.711-14.995,14.959v46.726c0,35.053,24.544,61.49,57.09,61.49c32.791,0,58.483-27.008,58.483-61.49V16.043&#xA;C257.268,7.795,250.531,1.084,242.258,1.084z M464.234,56.81h-5.636c-7.987,0-14.501,6.47-14.501,14.433v19.083V93.4v15.877&#xA;c0,8.094,6.287,14.435,14.299,14.435h5.649c7.985,0,14.487-6.47,14.487-14.435V90.194v-3.073V71.243&#xA;C478.533,63.148,472.259,56.81,464.234,56.81z M397.087,83.769c-11.214,0-19.971,8.857-19.971,20.157&#xA;c0,11.297,8.757,20.142,19.971,20.142c11.205,0,19.984-8.845,19.984-20.142C417.072,92.626,408.292,83.769,397.087,83.769z&#xA;M561.702,1.645c-33.478,0-59.723,26.854-59.723,61.123c0,34.185,26.022,60.942,59.215,60.942c33.407,0,60.597-27.415,60.597-61.122&#xA;C621.79,28.965,594.836,1.645,561.702,1.645z M587.558,62.769c0,15.887-11.698,28.82-26.055,28.82&#xA;c-14.276,0-25.454-12.659-25.454-28.82c0-15.723,12.359-29.001,27.023-29.001c13.391,0,23.553,11.359,24.496,26.746&#xA;C587.558,61.695,587.558,62.769,587.558,62.769z M389.172,21.919v-5.876c0-8.082-6.277-14.41-14.301-14.41h-1.607h-22.416h-39.447&#xA;h-0.568h-23.456c-8.035,0-14.298,6.329-14.298,14.41v5.876c0,8.106,6.263,14.435,14.298,14.435h17.313&#xA;c9.216,0,9.216,4.9,9.216,6.986v65.949c0,8.082,6.276,14.423,14.288,14.423h0.188h5.462h0.2c8.011,0,14.287-6.341,14.287-14.423&#xA;V43.339c0-2.086,0-6.986,9.216-6.986h15.717h1.607C382.895,36.354,389.172,30.025,389.172,21.919z M59.707,1.633&#xA;C26.245,1.633,0,28.488,0,62.769v76.082c0,7.163,5.567,12.764,12.655,12.764h5.649c7.09,0,12.846-5.708,12.846-12.764v-9.228&#xA;c0-3.265,3.357-5.912,7.517-5.912h22.458l-0.095-0.095c32.555-0.989,58.767-27.938,58.767-61.039&#xA;C119.797,28.965,92.841,1.633,59.707,1.633z M85.776,62.792c0,16.043-11.82,29.12-26.34,29.12c-14.401,0-25.697-12.802-25.697-29.12&#xA;c0-15.9,12.501-29.322,27.292-29.322c13.544,0,23.823,11.49,24.769,27.021C85.776,61.695,85.776,62.792,85.776,62.792z M461.575,0&#xA;c-11.214,0-19.971,8.844-19.971,20.132c0,11.311,8.757,20.157,19.971,20.157c11.193,0,19.97-8.846,19.97-20.145&#xA;C481.544,8.844,472.768,0,461.575,0z"></path>
3
+ </svg>