@massimo-cassandro/minimo 0.8.6 → 0.8.8

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 (6) hide show
  1. package/index.js +1 -0
  2. package/package.json +2 -1
  3. package/src/css/buttons/btn-close.css +3 -4
  4. package/src/css/forms/form-utilities.css +12 -0
  5. package/src/css/forms/forms.css +0 -4
  6. package/src/css/forms/input-group.css +3 -1
package/index.js ADDED
@@ -0,0 +1 @@
1
+ export { classnames } from './src/utilities/classnames.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@massimo-cassandro/minimo",
3
- "version": "0.8.6",
3
+ "version": "0.8.8",
4
4
  "description": "Light css framework",
5
5
  "type": "module",
6
6
  "homepage": "https://github.com/massimo-cassandro/minimo#readme",
@@ -29,6 +29,7 @@
29
29
  },
30
30
  "main": "./index.js",
31
31
  "files": [
32
+ "./index.js",
32
33
  "src/**/*.{js,mjs,css,svg,md}",
33
34
  "design-tokens/**/*.{tokens.json,tokens.jsonc}",
34
35
  "design-tokens-src/**/*.{tokens.json,tokens.jsonc,mjs,js,md}",
package/src/css/buttons/btn-close.css CHANGED
@@ -6,7 +6,6 @@
6
6
  /* TODO controllare allineamento x interna - prob. valutare meglio l'ingombro dello spessore */
7
7
 
8
8
  .btn-close {
9
-
10
9
  --_icon-bar-width: calc(var(--btn-close-size) - (var(--btn-close-padding) * 2) - (var(--btn-close-border-width) * 2));
11
10
 
12
11
  position: relative;
@@ -25,20 +24,20 @@
25
24
  &::before, &::after {
26
25
  position: absolute;
27
26
  top: 50%;
28
- left: 0;
27
+ left: 0; /* calc(var(--btn-close-icon-bar-size) / 2); */
29
28
  display: block;
30
29
  width: var(--_icon-bar-width);
31
30
  height: var(--btn-close-icon-bar-size);
32
31
  content: '';
33
32
  background: currentColor;
33
+ transform-origin: center;
34
+ translate: var(--btn-close-padding) -50%;
34
35
  }
35
36
  &::before {
36
37
  rotate: 45deg;
37
- translate: var(--btn-close-padding) -50%;
38
38
  }
39
39
  &::after {
40
40
  rotate: -45deg;
41
- translate: var(--btn-close-padding) -50%;
42
41
  }
43
42
 
44
43
  &:focus {
package/src/css/forms/form-utilities.css CHANGED
@@ -1,3 +1,6 @@
1
+
2
+ /* blocco finale con le info sull'utente che h salvato il form */
3
+
1
4
  /*
2
5
  <div class="form-end">
3
6
 
@@ -30,3 +33,12 @@
30
33
  font-size: var(--form-user-info-font-size);
31
34
  color: var(--form-user-info-color);
32
35
  }
36
+
37
+
38
+ /* ---------------------------------------------------------------- */
39
+ /* testo di aiuto sotto il controllo */
40
+
41
+ .form-help-text {
42
+ font-size: var(--font-size-xs);
43
+ color: var(--text-muted);
44
+ }
package/src/css/forms/forms.css CHANGED
@@ -133,10 +133,6 @@ input::-webkit-calendar-picker-trigger-icon { /* solo in chromium, non in safari
133
133
  }
134
134
 
135
135
 
136
- .form-help-text {
137
- font-size: var(--font-size-xs);
138
- color: var(--text-muted);
139
- }
140
136
 
141
137
 
142
138
  textarea.form-control {
package/src/css/forms/input-group.css CHANGED
@@ -16,6 +16,7 @@
16
16
  border-bottom-right-radius: 0;
17
17
  }
18
18
 
19
+
19
20
  > .input-group-text {
20
21
  padding: var(--form-control-padding-block) var(--form-control-padding-inline);
21
22
  font-size: var(--btn-font-size);
@@ -24,8 +25,9 @@
24
25
  border-radius: var(--form-control-border-radius);
25
26
  }
26
27
 
27
- > .btn, .input-group-text {
28
+ > .btn, > .input-group-text {
28
29
  z-index: 1;
30
+ line-height: 1;
29
31
  border-top-left-radius: 0;
30
32
  border-bottom-left-radius: 0;
31
33
  }