@synergy-design-system/styles 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 (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +1 -0
  3. package/dist/index.css +44 -1
  4. package/dist/link-list.css +47 -0
  5. package/dist/link.css +1 -1
  6. package/dist/tables.css +1 -1
  7. package/dist/typography.css +1 -1
  8. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [@synergy-design-system/styles-v1.5.0](https://github.com/synergy-design-system/synergy-design-system/compare/styles/1.4.0...styles/1.5.0) (2024-11-27)
2
+
3
+
4
+ ### Features
5
+
6
+ * ✨ Create styles for a syn-link-list ([#678](https://github.com/synergy-design-system/synergy-design-system/issues/678)) ([ca3b99a](https://github.com/synergy-design-system/synergy-design-system/commit/ca3b99a828e2a078b538881f74324d0bee8fde66))
7
+
8
+ # [@synergy-design-system/styles-v1.4.0](https://github.com/synergy-design-system/synergy-design-system/compare/styles/1.3.0...styles/1.4.0) (2024-10-11)
9
+
10
+
11
+ ### Features
12
+
13
+ * ✨ Update Shoelace to 2.17.1 ([#641](https://github.com/synergy-design-system/synergy-design-system/issues/641)) ([86fd83b](https://github.com/synergy-design-system/synergy-design-system/commit/86fd83b528be24abc8dd8427604c7fd62e8c1ff2))
14
+
1
15
  # [@synergy-design-system/styles-v1.3.0](https://github.com/synergy-design-system/synergy-design-system/compare/styles/1.2.0...styles/1.3.0) (2024-08-26)
2
16
 
3
17
 
package/README.md CHANGED
@@ -75,6 +75,7 @@ import "@synergy-design-system/styles/typography.css";
75
75
 
76
76
  <!-- BEGIN INLINE COMMENT -->
77
77
 
78
+ - link-list.css
78
79
  - link.css
79
80
  - tables.css
80
81
  - table-cell.css
package/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/styles version 1.2.0
2
+ * @synergy-design-system/styles version 1.4.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
  /**
@@ -77,6 +77,49 @@ a.syn-link:not([href]) {
77
77
  cursor: not-allowed;
78
78
  opacity: var(--syn-input-disabled-opacity);
79
79
  }
80
+ /**
81
+ * Link list
82
+ * @variant {medium | small | large} syn-link-list The size of the link list
83
+ * @boolean { false } syn-link-list--horizontal Applies horizontal styling to the link list
84
+ */
85
+ .syn-link-list {
86
+ display: flex;
87
+ flex-direction: column;
88
+ gap: var(--syn-spacing-small);
89
+ list-style: none;
90
+ margin: 0;
91
+ padding: 0;
92
+ }
93
+ .syn-link-list--horizontal {
94
+ flex-flow: row wrap;
95
+ gap: var(--syn-spacing-small) var(--syn-spacing-large);
96
+ }
97
+ /* Reset list item styles, but only for the first level */
98
+ .syn-link-list > li {
99
+ display: block;
100
+ margin: 0;
101
+ padding: 0;
102
+ }
103
+ /* Size modifiers */
104
+ .syn-link-list--small {
105
+ gap: var(--syn-spacing-x-small);
106
+ }
107
+ .syn-link-list--medium {
108
+ gap: var(--syn-spacing-small);
109
+ }
110
+ .syn-link-list--large {
111
+ gap: var(--syn-spacing-medium);
112
+ }
113
+ /* Size modifiers for horizontal version */
114
+ .syn-link-list--horizontal.syn-link-list--small {
115
+ gap: var(--syn-spacing-x-small) var(--syn-spacing-medium);
116
+ }
117
+ .syn-link-list--horizontal.syn-link-list--medium {
118
+ gap: var(--syn-spacing-small) var(--syn-spacing-large);
119
+ }
120
+ .syn-link-list--horizontal.syn-link-list--large {
121
+ gap: var(--syn-spacing-medium) var(--syn-spacing-x-large);
122
+ }
80
123
  /**
81
124
  * Core typographic styles
82
125
  */
package/dist/link-list.css ADDED
@@ -0,0 +1,47 @@
1
+ /**
2
+ * @synergy-design-system/styles version 1.4.0
3
+ * SICK Global UX Foundation
4
+ */
5
+ /**
6
+ * Link list
7
+ * @variant {medium | small | large} syn-link-list The size of the link list
8
+ * @boolean { false } syn-link-list--horizontal Applies horizontal styling to the link list
9
+ */
10
+ .syn-link-list {
11
+ display: flex;
12
+ flex-direction: column;
13
+ gap: var(--syn-spacing-small);
14
+ list-style: none;
15
+ margin: 0;
16
+ padding: 0;
17
+ }
18
+ .syn-link-list--horizontal {
19
+ flex-flow: row wrap;
20
+ gap: var(--syn-spacing-small) var(--syn-spacing-large);
21
+ }
22
+ /* Reset list item styles, but only for the first level */
23
+ .syn-link-list > li {
24
+ display: block;
25
+ margin: 0;
26
+ padding: 0;
27
+ }
28
+ /* Size modifiers */
29
+ .syn-link-list--small {
30
+ gap: var(--syn-spacing-x-small);
31
+ }
32
+ .syn-link-list--medium {
33
+ gap: var(--syn-spacing-small);
34
+ }
35
+ .syn-link-list--large {
36
+ gap: var(--syn-spacing-medium);
37
+ }
38
+ /* Size modifiers for horizontal version */
39
+ .syn-link-list--horizontal.syn-link-list--small {
40
+ gap: var(--syn-spacing-x-small) var(--syn-spacing-medium);
41
+ }
42
+ .syn-link-list--horizontal.syn-link-list--medium {
43
+ gap: var(--syn-spacing-small) var(--syn-spacing-large);
44
+ }
45
+ .syn-link-list--horizontal.syn-link-list--large {
46
+ gap: var(--syn-spacing-medium) var(--syn-spacing-x-large);
47
+ }
package/dist/link.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/styles version 1.2.0
2
+ * @synergy-design-system/styles version 1.4.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
  /**
package/dist/tables.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/styles version 1.2.0
2
+ * @synergy-design-system/styles version 1.4.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
  /**
package/dist/typography.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/styles version 1.2.0
2
+ * @synergy-design-system/styles version 1.4.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
  /**
package/package.json CHANGED
@@ -80,28 +80,28 @@
80
80
  "directory": "packages/styles"
81
81
  },
82
82
  "type": "module",
83
- "version": "1.3.0",
83
+ "version": "1.5.0",
84
84
  "devDependencies": {
85
85
  "@semantic-release/changelog": "^6.0.3",
86
86
  "@semantic-release/exec": "^6.0.3",
87
87
  "@semantic-release/git": "^10.0.1",
88
88
  "del": "^7.1.0",
89
- "eslint": "^8.57.0",
89
+ "eslint": "^8.57.1",
90
90
  "globby": "^14.0.2",
91
- "ora": "^8.0.1",
92
- "postcss": "^8.4.41",
91
+ "ora": "^8.1.1",
92
+ "postcss": "^8.4.47",
93
93
  "postcss-cli": "^11.0.0",
94
94
  "postcss-header": "^3.0.3",
95
95
  "postcss-import": "^16.1.0",
96
96
  "prettier": "^3.3.3",
97
97
  "semantic-release": "^19.0.5",
98
98
  "semantic-release-monorepo": "^7.0.8",
99
- "stylelint": "^16.8.2",
99
+ "stylelint": "^16.10.0",
100
100
  "@synergy-design-system/eslint-config-syn": "^0.1.0",
101
101
  "@synergy-design-system/stylelint-config-syn": "^0.1.0"
102
102
  },
103
103
  "peerDependencies": {
104
- "@synergy-design-system/tokens": "^2.9.0"
104
+ "@synergy-design-system/tokens": "^2.15.0"
105
105
  },
106
106
  "scripts": {
107
107
  "start": "pnpm build",