@nl-rvo/css-logo 1.4.0 → 1.5.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.
Files changed (10) hide show
  1. package/dist/logo.css +1 -0
  2. package/dist/logo.css.map +1 -0
  3. package/package.json +15 -16
  4. package/CHANGELOG.md +0 -46
  5. package/README.md +0 -1
  6. package/dist/index.css +0 -106
  7. package/dist/index.min.css +0 -1
  8. package/dist/index.mjs +0 -1
  9. package/dist/index.mjs.d.ts +0 -2
  10. /package/src/{index.scss → logo.scss} +0 -0
package/dist/logo.css ADDED
@@ -0,0 +1 @@
1
+ .rvo-logo{align-items:center;color:var(--rvo-logo-color);display:flex;flex-direction:row;font-family:var(--rvo-logo-font-family);font-weight:var(--rvo-logo-font-weight);gap:10px;inline-size:fit-content;position:relative}.rvo-logo:has(.rvo-logo__title-link:focus-visible){box-shadow:0 0 0 .25rem #fff;outline:.375rem double #000}.rvo-logo__title-link{color:inherit;display:block;font-weight:inherit;text-decoration:none}.rvo-logo__title-link::before{block-size:100%;content:"";cursor:pointer;display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}.rvo-logo__title-link:focus-visible{outline:none}.rvo-logo__title-link:hover,.rvo-logo__title-link:focus:not(:focus-visible){color:inherit;text-decoration:none}.rvo-logo__emblem{align-self:flex-start;block-size:80px;inline-size:40px;min-inline-size:40px}.rvo-logo__wordmark{align-self:flex-start;margin-block-start:42px}.rvo-logo__title{font-size:12px;line-height:112.5%;margin-block-end:0;margin-block-start:0;white-space:pre-line}.rvo-logo__subtitle{font-size:10px;line-height:125%;margin-block-end:0;margin-block-start:4px;white-space:pre-line}@media(min-width: 495px){.rvo-logo{gap:11px}.rvo-logo__emblem{block-size:90px;inline-size:45px;min-inline-size:45px}.rvo-logo__wordmark{margin-block-start:47px}.rvo-logo__title{font-size:13.5px;line-height:114.5%}.rvo-logo__subtitle{font-size:11px}}@media(min-width: 650px){.rvo-logo{gap:12px}.rvo-logo__emblem{block-size:100px;inline-size:50px;min-inline-size:50px}.rvo-logo__wordmark{margin-block-start:52px}.rvo-logo__title{font-size:15px;line-height:114.8%}.rvo-logo__subtitle{font-size:12.25px}}/*# sourceMappingURL=logo.css.map */
package/dist/logo.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../src/logo.scss"],"names":[],"mappings":"AAKA,UACE,mBACA,4BACA,aACA,mBACA,wCACA,wCACA,SACA,wBACA,kBAEA,mDACE,6BACA,4BAGF,sBACE,cACA,cACA,oBACA,qBAEA,8BACE,gBACA,WACA,eACA,cACA,iBACA,oBACA,qBACA,kBAGF,oCACE,aAGF,4EAEE,cACA,qBAIJ,kBACE,sBACA,gBACA,iBACA,qBAGF,oBACE,sBACA,wBAGF,iBACE,eACA,mBACA,mBACA,qBACA,qBAGF,oBACE,eACA,iBACA,mBACA,uBACA,qBAGF,yBAxEF,UAyEI,SAEA,kBACE,gBACA,iBACA,qBAGF,oBACE,wBAGF,iBACE,iBACA,mBAGF,oBACE,gBAIJ,yBA/FF,UAgGI,SAEA,kBACE,iBACA,iBACA,qBAGF,oBACE,wBAGF,iBACE,eACA,mBAGF,oBACE","file":"logo.css"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.4.0",
2
+ "version": "1.5.0",
3
3
  "author": "Community for NL Design System",
4
4
  "license": "CC0-1.0",
5
5
  "name": "@nl-rvo/css-logo",
@@ -9,27 +9,26 @@
9
9
  "css",
10
10
  "logo"
11
11
  ],
12
+ "repository": {
13
+ "type": "git+ssh",
14
+ "url": "git@github.com:nl-design-system/rvo.git",
15
+ "directory": "components/logo/style"
16
+ },
12
17
  "files": [
13
- "src/index.scss",
14
- "dist/",
15
- "design-tokens.json",
16
- "*.md"
18
+ "src/",
19
+ "dist/"
17
20
  ],
18
- "main": "dist/index.css",
21
+ "exports": {
22
+ ".": "./dist/logo.css",
23
+ "./dist/*": "./dist/*"
24
+ },
19
25
  "publishConfig": {
20
26
  "access": "public",
21
27
  "provenance": true
22
28
  },
23
- "repository": {
24
- "type": "git+ssh",
25
- "url": "git@github.com:nl-design-system/rvo.git",
26
- "directory": "components/logo"
27
- },
28
- "devDependencies": {
29
- "@nl-rvo/build-utils-css": "0.1.0"
30
- },
31
29
  "scripts": {
32
- "build": "build-css-package",
33
- "clean": "rimraf dist"
30
+ "build": "sass --pkg-importer=node --style=compressed ./src/:./dist/",
31
+ "watch": "sass --pkg-importer=node --style=compressed --watch ./src/:./dist/",
32
+ "clean": "rimraf ./dist/"
34
33
  }
35
34
  }
package/CHANGELOG.md DELETED
@@ -1,46 +0,0 @@
1
- # `@nl-rvo/css-logo`
2
-
3
- ## 1.4.0
4
-
5
- ### Minor Changes
6
-
7
- - bcc44ec: Removed link behaviour from Header component to Logo component and fixed logo link focus state.
8
-
9
- ### Patch Changes
10
-
11
- - 084a230: Ensure package is published with provenance
12
-
13
- ## 1.3.0
14
-
15
- ### Minor Changes
16
-
17
- - fa36e07: Project structure updates
18
-
19
- - Moved all Storybook stories to the /stories directory.
20
- - Moved all documentation files to the /docs directory.
21
- - Removed React components from library-component-react and moved them into this package.
22
- - Update all .stories imports to the right react package "component-library-react"
23
- - Fix all Redundant / PascalCase lint warnings for .stories files.
24
-
25
- ## 1.2.1
26
-
27
- ### Patch Changes
28
-
29
- - 11eb258: Update imports to support storybook v10
30
-
31
- ## 1.2.0
32
-
33
- ### Minor Changes
34
-
35
- - 0cdf4eb: Remove utrecht-components-css reference and include utrecht css per component when needed
36
-
37
- ## 1.0.0
38
-
39
- ### Major Changes
40
-
41
- - daa0537: Create npm package for each component.
42
-
43
- ## Pre-releases
44
-
45
- _@nl-rvo/component-library-css@1.0.0-alpha.3_:
46
- Added component
package/README.md DELETED
@@ -1 +0,0 @@
1
- Documentatie voor logo
package/dist/index.css DELETED
@@ -1,106 +0,0 @@
1
- /**
2
- * @license CC0-1.0
3
- * Copyright (c) 2021 Community for NL Design System
4
- */
5
- .rvo-logo {
6
- align-items: center;
7
- color: var(--rvo-logo-color);
8
- display: flex;
9
- flex-direction: row;
10
- font-family: var(--rvo-logo-font-family);
11
- font-weight: var(--rvo-logo-font-weight);
12
- gap: 10px;
13
- inline-size: fit-content;
14
- position: relative;
15
- }
16
- .rvo-logo:has(.rvo-logo__title-link:focus-visible) {
17
- box-shadow: 0 0 0 0.25rem white;
18
- outline: 0.375rem double black;
19
- }
20
- .rvo-logo__title-link {
21
- color: inherit;
22
- display: block;
23
- font-weight: inherit;
24
- text-decoration: none;
25
- }
26
- .rvo-logo__title-link::before {
27
- block-size: 100%;
28
- content: "";
29
- cursor: pointer;
30
- display: block;
31
- inline-size: 100%;
32
- inset-block-start: 0;
33
- inset-inline-start: 0;
34
- position: absolute;
35
- }
36
- .rvo-logo__title-link:focus-visible {
37
- outline: none;
38
- }
39
- .rvo-logo__title-link:hover, .rvo-logo__title-link:focus:not(:focus-visible) {
40
- color: inherit;
41
- text-decoration: none;
42
- }
43
- .rvo-logo__emblem {
44
- align-self: flex-start;
45
- block-size: 80px;
46
- inline-size: 40px;
47
- min-inline-size: 40px;
48
- }
49
- .rvo-logo__wordmark {
50
- align-self: flex-start;
51
- margin-block-start: 42px;
52
- }
53
- .rvo-logo__title {
54
- font-size: 12px;
55
- line-height: 112.5%;
56
- margin-block-end: 0;
57
- margin-block-start: 0;
58
- white-space: pre-line;
59
- }
60
- .rvo-logo__subtitle {
61
- font-size: 10px;
62
- line-height: 125%;
63
- margin-block-end: 0;
64
- margin-block-start: 4px;
65
- white-space: pre-line;
66
- }
67
- @media (min-width: 495px) {
68
- .rvo-logo {
69
- gap: 11px;
70
- }
71
- .rvo-logo__emblem {
72
- block-size: 90px;
73
- inline-size: 45px;
74
- min-inline-size: 45px;
75
- }
76
- .rvo-logo__wordmark {
77
- margin-block-start: 47px;
78
- }
79
- .rvo-logo__title {
80
- font-size: 13.5px;
81
- line-height: 114.5%;
82
- }
83
- .rvo-logo__subtitle {
84
- font-size: 11px;
85
- }
86
- }
87
- @media (min-width: 650px) {
88
- .rvo-logo {
89
- gap: 12px;
90
- }
91
- .rvo-logo__emblem {
92
- block-size: 100px;
93
- inline-size: 50px;
94
- min-inline-size: 50px;
95
- }
96
- .rvo-logo__wordmark {
97
- margin-block-start: 52px;
98
- }
99
- .rvo-logo__title {
100
- font-size: 15px;
101
- line-height: 114.8%;
102
- }
103
- .rvo-logo__subtitle {
104
- font-size: 12.25px;
105
- }
106
- }
package/dist/index.min.css DELETED
@@ -1 +0,0 @@
1
- .rvo-logo{align-items:center;color:var(--rvo-logo-color);display:flex;flex-direction:row;font-family:var(--rvo-logo-font-family);font-weight:var(--rvo-logo-font-weight);gap:10px;inline-size:fit-content;position:relative}.rvo-logo:has(.rvo-logo__title-link:focus-visible){box-shadow:0 0 0 .25rem #fff;outline:.375rem double #000}.rvo-logo__title-link{color:inherit;display:block;font-weight:inherit;text-decoration:none}.rvo-logo__title-link:before{block-size:100%;content:"";cursor:pointer;display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}.rvo-logo__title-link:focus-visible{outline:none}.rvo-logo__title-link:focus:not(:focus-visible),.rvo-logo__title-link:hover{color:inherit;text-decoration:none}.rvo-logo__emblem{align-self:flex-start;block-size:80px;inline-size:40px;min-inline-size:40px}.rvo-logo__wordmark{align-self:flex-start;margin-block-start:42px}.rvo-logo__title{font-size:12px;line-height:112.5%;margin-block-start:0}.rvo-logo__subtitle,.rvo-logo__title{margin-block-end:0;white-space:pre-line}.rvo-logo__subtitle{font-size:10px;line-height:125%;margin-block-start:4px}@media (min-width:495px){.rvo-logo{gap:11px}.rvo-logo__emblem{block-size:90px;inline-size:45px;min-inline-size:45px}.rvo-logo__wordmark{margin-block-start:47px}.rvo-logo__title{font-size:13.5px;line-height:114.5%}.rvo-logo__subtitle{font-size:11px}}@media (min-width:650px){.rvo-logo{gap:12px}.rvo-logo__emblem{block-size:100px;inline-size:50px;min-inline-size:50px}.rvo-logo__wordmark{margin-block-start:52px}.rvo-logo__title{font-size:15px;line-height:114.8%}.rvo-logo__subtitle{font-size:12.25px}}
package/dist/index.mjs DELETED
@@ -1 +0,0 @@
1
- export default ".rvo-logo{align-items:center;color:var(--rvo-logo-color);display:flex;flex-direction:row;font-family:var(--rvo-logo-font-family);font-weight:var(--rvo-logo-font-weight);gap:10px;inline-size:fit-content;position:relative}.rvo-logo:has(.rvo-logo__title-link:focus-visible){box-shadow:0 0 0 .25rem #fff;outline:.375rem double #000}.rvo-logo__title-link{color:inherit;display:block;font-weight:inherit;text-decoration:none}.rvo-logo__title-link:before{block-size:100%;content:\"\";cursor:pointer;display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}.rvo-logo__title-link:focus-visible{outline:none}.rvo-logo__title-link:focus:not(:focus-visible),.rvo-logo__title-link:hover{color:inherit;text-decoration:none}.rvo-logo__emblem{align-self:flex-start;block-size:80px;inline-size:40px;min-inline-size:40px}.rvo-logo__wordmark{align-self:flex-start;margin-block-start:42px}.rvo-logo__title{font-size:12px;line-height:112.5%;margin-block-start:0}.rvo-logo__subtitle,.rvo-logo__title{margin-block-end:0;white-space:pre-line}.rvo-logo__subtitle{font-size:10px;line-height:125%;margin-block-start:4px}@media (min-width:495px){.rvo-logo{gap:11px}.rvo-logo__emblem{block-size:90px;inline-size:45px;min-inline-size:45px}.rvo-logo__wordmark{margin-block-start:47px}.rvo-logo__title{font-size:13.5px;line-height:114.5%}.rvo-logo__subtitle{font-size:11px}}@media (min-width:650px){.rvo-logo{gap:12px}.rvo-logo__emblem{block-size:100px;inline-size:50px;min-inline-size:50px}.rvo-logo__wordmark{margin-block-start:52px}.rvo-logo__title{font-size:15px;line-height:114.8%}.rvo-logo__subtitle{font-size:12.25px}}";
package/dist/index.mjs.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const css: string;
2
- export default css;
/package/src/{index.scss → logo.scss} RENAMED
File without changes