@nl-rvo/css-logo 1.3.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 (11) hide show
  1. package/dist/logo.css +1 -0
  2. package/dist/logo.css.map +1 -0
  3. package/package.json +16 -16
  4. package/src/logo.scss +123 -0
  5. package/CHANGELOG.md +0 -36
  6. package/README.md +0 -1
  7. package/dist/index.css +0 -83
  8. package/dist/index.min.css +0 -1
  9. package/dist/index.mjs +0 -1
  10. package/dist/index.mjs.d.ts +0 -2
  11. package/src/index.scss +0 -92
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.3.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,26 +9,26 @@
9
9
  "css",
10
10
  "logo"
11
11
  ],
12
- "files": [
13
- "src/index.scss",
14
- "dist/",
15
- "design-tokens.json",
16
- "*.md"
17
- ],
18
- "main": "dist/index.css",
19
- "publishConfig": {
20
- "access": "public"
21
- },
22
12
  "repository": {
23
13
  "type": "git+ssh",
24
14
  "url": "git@github.com:nl-design-system/rvo.git",
25
- "directory": "components/logo"
15
+ "directory": "components/logo/style"
26
16
  },
27
- "devDependencies": {
28
- "@nl-rvo/build-utils-css": "0.1.0"
17
+ "files": [
18
+ "src/",
19
+ "dist/"
20
+ ],
21
+ "exports": {
22
+ ".": "./dist/logo.css",
23
+ "./dist/*": "./dist/*"
24
+ },
25
+ "publishConfig": {
26
+ "access": "public",
27
+ "provenance": true
29
28
  },
30
29
  "scripts": {
31
- "build": "build-css-package",
32
- "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/"
33
33
  }
34
34
  }
package/src/logo.scss ADDED
@@ -0,0 +1,123 @@
1
+ /**
2
+ * @license CC0-1.0
3
+ * Copyright (c) 2021 Community for NL Design System
4
+ */
5
+
6
+ .rvo-logo {
7
+ align-items: center;
8
+ color: var(--rvo-logo-color);
9
+ display: flex;
10
+ flex-direction: row;
11
+ font-family: var(--rvo-logo-font-family);
12
+ font-weight: var(--rvo-logo-font-weight);
13
+ gap: 10px;
14
+ inline-size: fit-content;
15
+ position: relative;
16
+
17
+ &:has(.rvo-logo__title-link:focus-visible) {
18
+ box-shadow: 0 0 0 0.25rem white;
19
+ outline: 0.375rem double black;
20
+ }
21
+
22
+ &__title-link {
23
+ color: inherit;
24
+ display: block;
25
+ font-weight: inherit;
26
+ text-decoration: none;
27
+
28
+ &::before {
29
+ block-size: 100%;
30
+ content: "";
31
+ cursor: pointer;
32
+ display: block;
33
+ inline-size: 100%;
34
+ inset-block-start: 0;
35
+ inset-inline-start: 0;
36
+ position: absolute;
37
+ }
38
+
39
+ &:focus-visible {
40
+ outline: none;
41
+ }
42
+
43
+ &:hover,
44
+ &:focus:not(:focus-visible) {
45
+ color: inherit;
46
+ text-decoration: none;
47
+ }
48
+ }
49
+
50
+ &__emblem {
51
+ align-self: flex-start;
52
+ block-size: 80px;
53
+ inline-size: 40px;
54
+ min-inline-size: 40px;
55
+ }
56
+
57
+ &__wordmark {
58
+ align-self: flex-start;
59
+ margin-block-start: 42px;
60
+ }
61
+
62
+ &__title {
63
+ font-size: 12px;
64
+ line-height: 112.5%;
65
+ margin-block-end: 0;
66
+ margin-block-start: 0;
67
+ white-space: pre-line;
68
+ }
69
+
70
+ &__subtitle {
71
+ font-size: 10px;
72
+ line-height: 125%;
73
+ margin-block-end: 0;
74
+ margin-block-start: 4px;
75
+ white-space: pre-line;
76
+ }
77
+
78
+ @media (min-width: 495px) {
79
+ gap: 11px;
80
+
81
+ &__emblem {
82
+ block-size: 90px;
83
+ inline-size: 45px;
84
+ min-inline-size: 45px;
85
+ }
86
+
87
+ &__wordmark {
88
+ margin-block-start: 47px;
89
+ }
90
+
91
+ &__title {
92
+ font-size: 13.5px;
93
+ line-height: 114.5%;
94
+ }
95
+
96
+ &__subtitle {
97
+ font-size: 11px;
98
+ }
99
+ }
100
+
101
+ @media (min-width: 650px) {
102
+ gap: 12px;
103
+
104
+ &__emblem {
105
+ block-size: 100px;
106
+ inline-size: 50px;
107
+ min-inline-size: 50px;
108
+ }
109
+
110
+ &__wordmark {
111
+ margin-block-start: 52px;
112
+ }
113
+
114
+ &__title {
115
+ font-size: 15px;
116
+ line-height: 114.8%;
117
+ }
118
+
119
+ &__subtitle {
120
+ font-size: 12.25px;
121
+ }
122
+ }
123
+ }
package/CHANGELOG.md DELETED
@@ -1,36 +0,0 @@
1
- # `@nl-rvo/css-logo`
2
-
3
- ## 1.3.0
4
-
5
- ### Minor Changes
6
-
7
- - fa36e07: Project structure updates
8
-
9
- - Moved all Storybook stories to the /stories directory.
10
- - Moved all documentation files to the /docs directory.
11
- - Removed React components from library-component-react and moved them into this package.
12
- - Update all .stories imports to the right react package "component-library-react"
13
- - Fix all Redundant / PascalCase lint warnings for .stories files.
14
-
15
- ## 1.2.1
16
-
17
- ### Patch Changes
18
-
19
- - 11eb258: Update imports to support storybook v10
20
-
21
- ## 1.2.0
22
-
23
- ### Minor Changes
24
-
25
- - 0cdf4eb: Remove utrecht-components-css reference and include utrecht css per component when needed
26
-
27
- ## 1.0.0
28
-
29
- ### Major Changes
30
-
31
- - daa0537: Create npm package for each component.
32
-
33
- ## Pre-releases
34
-
35
- _@nl-rvo/component-library-css@1.0.0-alpha.3_:
36
- Added component
package/README.md DELETED
@@ -1 +0,0 @@
1
- Documentatie voor logo
package/dist/index.css DELETED
@@ -1,83 +0,0 @@
1
- /**
2
- * @license CC0-1.0
3
- * Copyright (c) 2021 Community for NL Design System
4
- */
5
-
6
- .rvo-logo {
7
- align-items: center;
8
- color: var(--rvo-logo-color);
9
- display: flex;
10
- flex-direction: row;
11
- font-family: var(--rvo-logo-font-family);
12
- font-weight: var(--rvo-logo-font-weight);
13
- gap: 10px;
14
- }
15
-
16
- .rvo-logo__emblem {
17
- align-self: flex-start;
18
- height: 80px;
19
- min-width: 40px;
20
- width: 40px;
21
- }
22
-
23
- .rvo-logo__wordmark {
24
- align-self: flex-start;
25
- margin-block-start: 42px;
26
- }
27
-
28
- .rvo-logo__title {
29
- font-size: 12px;
30
- line-height: 112.5%;
31
- margin-block-end: 0;
32
- margin-block-start: 0;
33
- white-space: pre-line;
34
- }
35
-
36
- .rvo-logo__subtitle {
37
- font-size: 10px;
38
- line-height: 125%;
39
- margin-block-end: 0;
40
- margin-block-start: 4px;
41
- white-space: pre-line;
42
- }
43
-
44
- @media (min-width: 495px) {
45
- .rvo-logo {
46
- gap: 11px;
47
- }
48
- .rvo-logo__emblem {
49
- height: 90px;
50
- min-width: 45px;
51
- width: 45px;
52
- }
53
- .rvo-logo__wordmark {
54
- margin-block-start: 47px;
55
- }
56
- .rvo-logo__title {
57
- font-size: 13.5px;
58
- line-height: 114.5%;
59
- }
60
- .rvo-logo__subtitle {
61
- font-size: 11px;
62
- }
63
- }
64
- @media (min-width: 650px) {
65
- .rvo-logo {
66
- gap: 12px;
67
- }
68
- .rvo-logo__emblem {
69
- height: 100px;
70
- min-width: 50px;
71
- width: 50px;
72
- }
73
- .rvo-logo__wordmark {
74
- margin-block-start: 52px;
75
- }
76
- .rvo-logo__title {
77
- font-size: 15px;
78
- line-height: 114.8%;
79
- }
80
- .rvo-logo__subtitle {
81
- font-size: 12.25px;
82
- }
83
- }
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}.rvo-logo__emblem{align-self:flex-start;height:80px;min-width:40px;width: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{height:90px;min-width:45px;width: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{height:100px;min-width:50px;width: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}.rvo-logo__emblem{align-self:flex-start;height:80px;min-width:40px;width: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{height:90px;min-width:45px;width: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{height:100px;min-width:50px;width: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 DELETED
@@ -1,92 +0,0 @@
1
- /**
2
- * @license CC0-1.0
3
- * Copyright (c) 2021 Community for NL Design System
4
- */
5
-
6
- .rvo-logo {
7
- align-items: center;
8
- color: var(--rvo-logo-color);
9
- display: flex;
10
- flex-direction: row;
11
- font-family: var(--rvo-logo-font-family);
12
- font-weight: var(--rvo-logo-font-weight);
13
- gap: 10px;
14
- }
15
-
16
- .rvo-logo__emblem {
17
- align-self: flex-start;
18
- height: 80px;
19
- min-width: 40px;
20
- width: 40px;
21
- }
22
-
23
- .rvo-logo__wordmark {
24
- align-self: flex-start;
25
- margin-block-start: 42px;
26
- }
27
-
28
- .rvo-logo__title {
29
- font-size: 12px;
30
- line-height: 112.5%;
31
- margin-block-end: 0;
32
- margin-block-start: 0;
33
- white-space: pre-line;
34
- }
35
-
36
- .rvo-logo__subtitle {
37
- font-size: 10px;
38
- line-height: 125%;
39
- margin-block-end: 0;
40
- margin-block-start: 4px;
41
- white-space: pre-line;
42
- }
43
-
44
- @media (min-width: 495px) {
45
- .rvo-logo {
46
- gap: 11px;
47
- }
48
-
49
- .rvo-logo__emblem {
50
- height: 90px;
51
- min-width: 45px;
52
- width: 45px;
53
- }
54
-
55
- .rvo-logo__wordmark {
56
- margin-block-start: 47px;
57
- }
58
-
59
- .rvo-logo__title {
60
- font-size: 13.5px;
61
- line-height: 114.5%;
62
- }
63
-
64
- .rvo-logo__subtitle {
65
- font-size: 11px;
66
- }
67
- }
68
-
69
- @media (min-width: 650px) {
70
- .rvo-logo {
71
- gap: 12px;
72
- }
73
-
74
- .rvo-logo__emblem {
75
- height: 100px;
76
- min-width: 50px;
77
- width: 50px;
78
- }
79
-
80
- .rvo-logo__wordmark {
81
- margin-block-start: 52px;
82
- }
83
-
84
- .rvo-logo__title {
85
- font-size: 15px;
86
- line-height: 114.8%;
87
- }
88
-
89
- .rvo-logo__subtitle {
90
- font-size: 12.25px;
91
- }
92
- }