@yr3/ui 1.0.4 → 1.0.6

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/Input/input.css +0 -37
  2. package/dist/components/Input/input.css.map +1 -1
  3. package/dist/components/Phone/phone.css +20 -0
  4. package/dist/components/Phone/phone.css.map +1 -0
  5. package/dist/components/Places/places.css +19 -0
  6. package/dist/components/Places/places.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 +47 -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 +346 -163
  14. package/dist/index.d.cts +88 -60
  15. package/dist/index.d.ts +88 -60
  16. package/dist/index.js +346 -170
  17. package/dist/styles/index.css +68 -43
  18. package/dist/styles/index.css.map +1 -1
  19. package/package.json +2 -2
package/dist/components/Input/input.css CHANGED
@@ -47,43 +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
- .yr3Places--menu {
70
- position: absolute;
71
- width: 100%;
72
- height: auto;
73
- max-height: 200px;
74
- overflow: auto;
75
- display: flex;
76
- flex-direction: column;
77
- top: 100%;
78
- left: 0;
79
- background: var(--color-surface);
80
- border: 1px solid color-mix(in srgb, var(--color-primary) 50%, transparent);
81
- border-radius: var(--border-radius);
82
- color: var(--color-text-primary);
83
- margin-top: 4px;
84
- z-index: 10;
85
- }
86
-
87
50
  .yr3Input--color-primary {
88
51
  color: var(--color-primary);
89
52
  }
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;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;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","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/Places/places.css ADDED
@@ -0,0 +1,19 @@
1
+ .yr3Places--menu {
2
+ position: absolute;
3
+ width: 100%;
4
+ height: auto;
5
+ max-height: 200px;
6
+ overflow: auto;
7
+ display: flex;
8
+ flex-direction: column;
9
+ top: 100%;
10
+ left: 0;
11
+ background: var(--color-surface);
12
+ border: 1px solid color-mix(in srgb, var(--color-primary) 50%, transparent);
13
+ border-radius: var(--border-radius);
14
+ color: var(--color-text-primary, "#000");
15
+ margin-top: 4px;
16
+ z-index: 10;
17
+ }
18
+
19
+ /*# sourceMappingURL=places.css.map */
package/dist/components/Places/places.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Places/places.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"places.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,47 @@
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: 100;
35
+ z-index: 1000;
36
+ overflow-y: auto;
37
+ }
38
+
39
+ .yr3Selector--option {
40
+ padding: 4px;
41
+ }
42
+
43
+ .yr3Selector--option:hover {
44
+ overflow-x: "hidden";
45
+ }
46
+
47
+ /*# 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;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"}