@nordcode/ui 1.1.3 → 1.1.4

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 (7) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/out/bundle.css +3 -2
  3. package/out/bundle_configless.css +3 -2
  4. package/out/complete.css +3 -2
  5. package/out/complete_configless.css +3 -2
  6. package/package.json +1 -1
  7. package/src/styles/utils/base.css +3 -2
package/CHANGELOG.md CHANGED
@@ -79,3 +79,9 @@ Lots of spring cleaning
79
79
  ### Fixes
80
80
 
81
81
  - Small design fixes and improvements
82
+
83
+ ## 1.1.4 (2025-01-04)
84
+
85
+ ### Fixes
86
+
87
+ - Fix summary border-radius by using a border-radius token
package/out/bundle.css CHANGED
@@ -506,8 +506,9 @@
506
506
  :where(details) {
507
507
  --p-x-details: 2ch;
508
508
  --p-y-details: .8lh;
509
+ --b-r-details: var(--border-radius-medium);
509
510
  background-color: var(--color-surface-muted);
510
- border-radius: var(--border-radius-medium);
511
+ border-radius: var(--b-r-details);
511
512
  border: var(--border-width-thin) solid var(--color-border-base);
512
513
  padding: var(--p-y-details) var(--p-x-details);
513
514
  inline-size: 100%;
@@ -516,8 +517,8 @@
516
517
  :where(details) > summary {
517
518
  color: var(--color-text-base);
518
519
  background: var(--color-surface-subtle);
519
- border-radius: inherit;
520
520
  font-weight: var(--font-weight-heading);
521
+ border-radius: var(--b-r-details);
521
522
  padding: var(--p-y-details) var(--p-x-details);
522
523
  margin: calc(-1 * var(--p-y-details)) calc(-1 * var(--p-x-details) + var(--border-width-thin));
523
524
  }
package/out/bundle_configless.css CHANGED
@@ -287,8 +287,9 @@
287
287
  :where(details) {
288
288
  --p-x-details: 2ch;
289
289
  --p-y-details: .8lh;
290
+ --b-r-details: var(--border-radius-medium);
290
291
  background-color: var(--color-surface-muted);
291
- border-radius: var(--border-radius-medium);
292
+ border-radius: var(--b-r-details);
292
293
  border: var(--border-width-thin) solid var(--color-border-base);
293
294
  padding: var(--p-y-details) var(--p-x-details);
294
295
  inline-size: 100%;
@@ -297,8 +298,8 @@
297
298
  :where(details) > summary {
298
299
  color: var(--color-text-base);
299
300
  background: var(--color-surface-subtle);
300
- border-radius: inherit;
301
301
  font-weight: var(--font-weight-heading);
302
+ border-radius: var(--b-r-details);
302
303
  padding: var(--p-y-details) var(--p-x-details);
303
304
  margin: calc(-1 * var(--p-y-details)) calc(-1 * var(--p-x-details) + var(--border-width-thin));
304
305
  }
package/out/complete.css CHANGED
@@ -506,8 +506,9 @@
506
506
  :where(details) {
507
507
  --p-x-details: 2ch;
508
508
  --p-y-details: .8lh;
509
+ --b-r-details: var(--border-radius-medium);
509
510
  background-color: var(--color-surface-muted);
510
- border-radius: var(--border-radius-medium);
511
+ border-radius: var(--b-r-details);
511
512
  border: var(--border-width-thin) solid var(--color-border-base);
512
513
  padding: var(--p-y-details) var(--p-x-details);
513
514
  inline-size: 100%;
@@ -516,8 +517,8 @@
516
517
  :where(details) > summary {
517
518
  color: var(--color-text-base);
518
519
  background: var(--color-surface-subtle);
519
- border-radius: inherit;
520
520
  font-weight: var(--font-weight-heading);
521
+ border-radius: var(--b-r-details);
521
522
  padding: var(--p-y-details) var(--p-x-details);
522
523
  margin: calc(-1 * var(--p-y-details)) calc(-1 * var(--p-x-details) + var(--border-width-thin));
523
524
  }
package/out/complete_configless.css CHANGED
@@ -287,8 +287,9 @@
287
287
  :where(details) {
288
288
  --p-x-details: 2ch;
289
289
  --p-y-details: .8lh;
290
+ --b-r-details: var(--border-radius-medium);
290
291
  background-color: var(--color-surface-muted);
291
- border-radius: var(--border-radius-medium);
292
+ border-radius: var(--b-r-details);
292
293
  border: var(--border-width-thin) solid var(--color-border-base);
293
294
  padding: var(--p-y-details) var(--p-x-details);
294
295
  inline-size: 100%;
@@ -297,8 +298,8 @@
297
298
  :where(details) > summary {
298
299
  color: var(--color-text-base);
299
300
  background: var(--color-surface-subtle);
300
- border-radius: inherit;
301
301
  font-weight: var(--font-weight-heading);
302
+ border-radius: var(--b-r-details);
302
303
  padding: var(--p-y-details) var(--p-x-details);
303
304
  margin: calc(-1 * var(--p-y-details)) calc(-1 * var(--p-x-details) + var(--border-width-thin));
304
305
  }
package/package.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "type": "git",
13
13
  "url": "https://github.com/nordcode-agency/nordcode/tree/main/packages/ui"
14
14
  },
15
- "version": "1.1.3",
15
+ "version": "1.1.4",
16
16
  "publishConfig": {
17
17
  "access": "public"
18
18
  },
package/src/styles/utils/base.css CHANGED
@@ -84,9 +84,10 @@
84
84
  :where(details) {
85
85
  --p-x-details: 2ch;
86
86
  --p-y-details: 0.8lh;
87
+ --b-r-details: var(--border-radius-medium);
87
88
 
88
89
  background-color: var(--color-surface-muted);
89
- border-radius: var(--border-radius-medium);
90
+ border-radius: var(--b-r-details);
90
91
  border: var(--border-width-thin) solid var(--color-border-base);
91
92
  padding: var(--p-y-details) var(--p-x-details);
92
93
  inline-size: 100%;
@@ -94,8 +95,8 @@
94
95
  & > summary {
95
96
  color: var(--color-text-base);
96
97
  background: var(--color-surface-subtle);
97
- border-radius: inherit;
98
98
  font-weight: var(--font-weight-heading);
99
+ border-radius: var(--b-r-details);
99
100
  padding: var(--p-y-details) var(--p-x-details);
100
101
  margin: calc(-1 * var(--p-y-details))
101
102
  calc(-1 * var(--p-x-details) + var(--border-width-thin));