@yr3/ui 1.0.5 → 1.0.7

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 (19) hide show
  1. package/dist/components/Control/control.css +8 -0
  2. package/dist/components/Control/control.css.map +1 -1
  3. package/dist/components/Input/input.css +9 -20
  4. package/dist/components/Input/input.css.map +1 -1
  5. package/dist/components/Phone/phone.css +20 -0
  6. package/dist/components/Phone/phone.css.map +1 -0
  7. package/dist/components/Select/select.css +0 -23
  8. package/dist/components/Select/select.css.map +1 -1
  9. package/dist/components/Selector/selector.css +46 -0
  10. package/dist/components/Selector/selector.css.map +1 -0
  11. package/dist/components/Switch/switch.css +8 -6
  12. package/dist/components/Switch/switch.css.map +1 -1
  13. package/dist/index.cjs +303 -219
  14. package/dist/index.d.cts +82 -50
  15. package/dist/index.d.ts +82 -50
  16. package/dist/index.js +292 -213
  17. package/dist/styles/index.css +66 -26
  18. package/dist/styles/index.css.map +1 -1
  19. package/package.json +1 -1
package/dist/components/Control/control.css CHANGED
@@ -89,4 +89,12 @@
89
89
  height: 48px;
90
90
  }
91
91
 
92
+ .yr3Control--size-auto {
93
+ width: auto;
94
+ }
95
+
96
+ .yr3Control--size-full {
97
+ width: 100%;
98
+ }
99
+
92
100
  /*# sourceMappingURL=control.css.map */
package/dist/components/Control/control.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Control/control.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE","file":"control.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Control/control.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE","file":"control.css"}
package/dist/components/Input/input.css CHANGED
@@ -35,7 +35,7 @@ input::placeholder {
35
35
 
36
36
  .yr3Input {
37
37
  position: relative;
38
- width: 100%;
38
+ width: auto;
39
39
  height: 40px;
40
40
  background: transparent;
41
41
  border: none;
@@ -47,25 +47,6 @@ input::placeholder {
47
47
  border-color: var(--color-primary);
48
48
  }
49
49
 
50
- .yr3Phone {
51
- display: flex;
52
- gap: 8px;
53
- width: 100%;
54
- }
55
-
56
- .yr3Phone .yr3Select {
57
- width: 90px;
58
- flex-shrink: 0;
59
- }
60
-
61
- .yr3Phone__field {
62
- flex: 1;
63
- padding: 12px;
64
- border: 1px solid var(--color-border);
65
- border-radius: var(--border-radius);
66
- font-family: var(--font-family-base);
67
- }
68
-
69
50
  .yr3Input--color-primary {
70
51
  color: var(--color-primary);
71
52
  }
@@ -107,4 +88,12 @@ input::placeholder {
107
88
  transform: translateY(5px);
108
89
  }
109
90
 
91
+ .yr3Input--size-auto {
92
+ width: auto;
93
+ }
94
+
95
+ .yr3Input--size-full {
96
+ width: 150px;
97
+ }
98
+
110
99
  /*# sourceMappingURL=input.css.map */
package/dist/components/Input/input.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Input/input.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEE;EACA;;;AAEF;EACI;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;AACA;EACE;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA","file":"input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Input/input.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEE;EACA;;;AAEF;EACI;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;AACA;EACE;;;AAIF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE","file":"input.css"}
package/dist/components/Phone/phone.css ADDED
@@ -0,0 +1,20 @@
1
+ .yr3Phone {
2
+ display: flex;
3
+ gap: 8px;
4
+ width: 100%;
5
+ }
6
+
7
+ .yr3Phone .yr3Select {
8
+ width: 90px;
9
+ flex-shrink: 0;
10
+ }
11
+
12
+ .yr3Phone__field {
13
+ flex: 1;
14
+ padding: 12px;
15
+ border: 1px solid var(--color-border);
16
+ border-radius: var(--border-radius);
17
+ font-family: var(--font-family-base);
18
+ }
19
+
20
+ /*# sourceMappingURL=phone.css.map */
package/dist/components/Phone/phone.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Phone/phone.scss"],"names":[],"mappings":"AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"phone.css"}
package/dist/components/Select/select.css CHANGED
@@ -54,27 +54,4 @@
54
54
  overflow-x: "hidden";
55
55
  }
56
56
 
57
- .yr3Selector-wrapper {
58
- position: relative;
59
- margin: 0 auto;
60
- box-sizing: border-box;
61
- padding: 4px;
62
- }
63
- .yr3Selector-wrapper .yr3Selector {
64
- width: 100%;
65
- margin: 0px 0px;
66
- display: flex;
67
- flex-direction: row;
68
- align-items: flex-end;
69
- justify-content: space-between;
70
- }
71
- .yr3Selector-wrapper .yr3Selector.yr3Selector--open .yr3Selector--icon {
72
- transform: rotate(180deg);
73
- }
74
- .yr3Selector-wrapper .yr3Selector--control {
75
- display: inline-flex;
76
- align-items: center;
77
- margin-top: 18px;
78
- }
79
-
80
57
  /*# sourceMappingURL=select.css.map */
package/dist/components/Select/select.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Select/select.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGI;EACA;EACA;;;AAQd;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACI;;;AAKJ;EACI;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEI;EACG;;AAIT;EACE;EACA;EACA","file":"select.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Select/select.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGI;EACA;EACA;;;AAQd;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACI","file":"select.css"}
package/dist/components/Selector/selector.css ADDED
@@ -0,0 +1,46 @@
1
+ .yr3Selector-wrapper {
2
+ position: relative;
3
+ margin: 0 auto;
4
+ box-sizing: border-box;
5
+ padding: 4px;
6
+ }
7
+ .yr3Selector-wrapper .yr3Selector {
8
+ width: 100%;
9
+ margin: 0px 0px;
10
+ display: flex;
11
+ flex-direction: row;
12
+ align-items: flex-end;
13
+ justify-content: space-between;
14
+ }
15
+ .yr3Selector-wrapper .yr3Selector.yr3Selector--open .yr3Selector--icon {
16
+ transform: rotate(180deg);
17
+ }
18
+ .yr3Selector-wrapper .yr3Selector--control {
19
+ display: inline-flex;
20
+ align-items: center;
21
+ margin-top: 18px;
22
+ }
23
+
24
+ .yr3Selector--menu {
25
+ position: absolute;
26
+ top: calc(100% + 2px);
27
+ left: 0;
28
+ right: 0;
29
+ background: var(--color-surface);
30
+ border: 1px solid var(--color-primary);
31
+ border-radius: 4px;
32
+ z-index: 10;
33
+ overflow-x: "hidden";
34
+ max-height: 100px;
35
+ overflow-y: auto;
36
+ }
37
+
38
+ .yr3Selector--option {
39
+ padding: 4px;
40
+ }
41
+
42
+ .yr3Selector--option:hover {
43
+ overflow-x: "hidden";
44
+ }
45
+
46
+ /*# sourceMappingURL=selector.css.map */
package/dist/components/Selector/selector.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Selector/selector.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEI;EACG;;AAIT;EACE;EACA;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACI;;;AAGJ;EACI","file":"selector.css"}
package/dist/components/Switch/switch.css CHANGED
@@ -36,18 +36,20 @@
36
36
 
37
37
  .yr3Switch--checked .yr3Switch--thumb {
38
38
  background: var(--color-surface);
39
- transform: translateX(var(--switch-thumb-translate, 13px));
39
+ transform: translateX(var(--switch-thumb-translate));
40
40
  }
41
41
 
42
42
  /* SIZES */
43
43
  .yr3Switch--sm .yr3Switch--track {
44
44
  width: 32px;
45
- height: 16px;
45
+ height: 18px;
46
46
  }
47
47
 
48
48
  .yr3Switch--sm .yr3Switch--thumb {
49
49
  width: 14px;
50
50
  height: 14px;
51
+ --switch-thumb-translate: 14px;
52
+ --switch-thumb-y: 1px;
51
53
  }
52
54
 
53
55
  .yr3Switch--md .yr3Switch--track {
@@ -56,9 +58,9 @@
56
58
  }
57
59
 
58
60
  .yr3Switch--md .yr3Switch--thumb {
59
- width: 16px;
61
+ width: 15px;
62
+ height: 15px;
60
63
  --switch-thumb-translate: 16px;
61
- height: 16px;
62
64
  --switch-thumb-y: 2px;
63
65
  }
64
66
 
@@ -70,8 +72,8 @@
70
72
  .yr3Switch--lg .yr3Switch--thumb {
71
73
  width: 16px;
72
74
  height: 16px;
73
- --switch-thumb-y: 2px;
74
- --switch-thumb-translate:20px;
75
+ --switch-thumb-y: 1px;
76
+ --switch-thumb-translate:19.5px;
75
77
  }
76
78
 
77
79
  /* DISABLED */
package/dist/components/Switch/switch.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Switch/switch.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACC;;;AAGH;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA","file":"switch.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Switch/switch.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA","file":"switch.css"}