@yr3/ui 1.0.24 → 1.1.1

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 (18) hide show
  1. package/README.md +25 -2
  2. package/dist/components/Button/buttons.css +2 -0
  3. package/dist/components/Button/buttons.css.map +1 -1
  4. package/dist/components/Calendar/calendar.css +0 -2
  5. package/dist/components/Calendar/calendar.css.map +1 -1
  6. package/dist/components/Control/control.css +2 -0
  7. package/dist/components/Control/control.css.map +1 -1
  8. package/dist/components/Date/month.css +20 -10
  9. package/dist/components/Date/month.css.map +1 -1
  10. package/dist/components/Loader/loader.css +5 -0
  11. package/dist/components/Loader/loader.css.map +1 -1
  12. package/dist/index.cjs +2415 -432
  13. package/dist/index.d.cts +775 -89
  14. package/dist/index.d.ts +775 -89
  15. package/dist/index.js +2428 -441
  16. package/dist/styles/index.css +29 -12
  17. package/dist/styles/index.css.map +1 -1
  18. package/package.json +2 -4
package/README.md CHANGED
@@ -4,28 +4,35 @@
4
4
  - Avatar
5
5
  - Backdrop
6
6
  - Box
7
- - Buttons
7
+ - Button
8
8
  - Calendar
9
9
  - Checkbox
10
10
  - Chip
11
11
  - Collapse
12
12
  - Container
13
13
  - Control
14
+ - Date (MonthSelector)
14
15
  - Divider
15
16
  - Drawer
16
17
  - Fade
17
18
  - Flex
18
19
  - Grid
19
20
  - Group
20
- - Icons
21
21
  - Image
22
22
  - ImageDropzone
23
23
  - Input
24
+ - InputArea
24
25
  - Label
26
+ - Loader
25
27
  - Modal
28
+ - Notistack
26
29
  - Pending
30
+ - Phone
31
+ - Picker
32
+ - Places
27
33
  - Radio
28
34
  - Select
35
+ - Selector
29
36
  - Slide
30
37
  - Switch
31
38
  - Text
@@ -33,6 +40,18 @@
33
40
  ## Hooks
34
41
  - useClickAway
35
42
  - useTheme
43
+ - useBreackpoint
44
+ - usePlaces
45
+
46
+ # Icons
47
+ - Icon
48
+ - IconCalendar
49
+ - IconClose
50
+ - IconDown
51
+ - IconLeft
52
+ - IconRight
53
+ - IconSearch
54
+ - registry
36
55
 
37
56
  ## Utils
38
57
  - bem
@@ -41,6 +60,8 @@
41
60
  - ui
42
61
  - variants
43
62
  - color
63
+ - utils
64
+ - date
44
65
 
45
66
  ## Provider
46
67
  - ThemeProvider
@@ -50,6 +71,8 @@
50
71
  - text
51
72
  - controlContext
52
73
  - backdropContenxt
74
+ - date
75
+ - utils
53
76
 
54
77
 
55
78
  # Yumber Ramirez
package/dist/components/Button/buttons.css CHANGED
@@ -15,6 +15,8 @@
15
15
  border-radius: var(--border-radius);
16
16
  border: 1px solid var(--border-button, --color-primary);
17
17
  --bg-button: var(--color-primary);
18
+ position: relative;
19
+ overflow: hidden;
18
20
  cursor: pointer;
19
21
  }
20
22
 
package/dist/components/Button/buttons.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Button/buttons.scss","../../../src/styles/_mixins.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AACA;EACI;EACA;ECAF;EACA;EAOA;;;ADHH;AACD;EACE;EACA;EACA;;AACA;EACI;EC/BF;EAOA;EACA;EACA;EACA;EACA;;;ADyBJ;EACE;EACA;EACA;;AACA;ECRE;EAOA;EACA;EACA;;;ADMJ;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;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAKF;EACE;EACA;;;AASF;EACE;EACA;;;AAKF;EACE;IAAK;;EACL;IAAM;;EACN;IAAO;;;AAGT;EACE;;;AAEF;EACE","file":"buttons.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Button/buttons.scss","../../../src/styles/_mixins.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AACA;EACI;EACA;ECFF;EACA;EAOA;;;ADDH;AACD;EACE;EACA;EACA;;AACA;EACI;ECjCF;EAOA;EACA;EACA;EACA;EACA;;;AD2BJ;EACE;EACA;EACA;;AACA;ECVE;EAOA;EACA;EACA;;;ADQJ;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;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAKF;EACE;EACA;;;AASF;EACE;EACA;;;AAKF;EACE;IAAK;;EACL;IAAM;;EACN;IAAO;;;AAGT;EACE;;;AAEF;EACE","file":"buttons.css"}
package/dist/components/Calendar/calendar.css CHANGED
@@ -6,7 +6,6 @@
6
6
 
7
7
  .yr3Calendar--container {
8
8
  display: grid;
9
- width: 90dvw;
10
9
  grid-template-columns: repeat(7, 1fr);
11
10
  align-items: center;
12
11
  justify-content: space-between;
@@ -14,7 +13,6 @@
14
13
 
15
14
  .yr3Calendar--header {
16
15
  display: grid;
17
- width: 90dvw;
18
16
  margin: 0 auto;
19
17
  grid-template-columns: repeat(3, 1fr);
20
18
  align-items: center;
package/dist/components/Calendar/calendar.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Calendar/calendar.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA","file":"calendar.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Calendar/calendar.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA","file":"calendar.css"}
package/dist/components/Control/control.css CHANGED
@@ -14,10 +14,12 @@
14
14
  .yr3Control--base {
15
15
  border: none;
16
16
  background: transparent;
17
+ height: auto;
17
18
  }
18
19
  .yr3Control--outlined {
19
20
  border: 1px solid var(--input-border);
20
21
  background: transparent;
22
+ height: auto;
21
23
  }
22
24
  .yr3Control--filled {
23
25
  background: var(--input-bg);
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;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACI;EACA","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;EACA;;AAEF;EACE;EACA;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;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACI;EACA","file":"control.css"}
package/dist/components/Date/month.css CHANGED
@@ -35,24 +35,26 @@
35
35
  }
36
36
 
37
37
  .yr3MonthSelector--year-options {
38
- padding: 4px 4px;
39
- display: flex;
40
- flex-direction: row;
38
+ display: grid;
39
+ margin: 0 auto;
40
+ grid-template-columns: repeat(3, 1fr);
41
41
  align-items: center;
42
- justify-content: space-around;
43
- border-radius: 4px;
42
+ justify-content: space-between;
44
43
  cursor: pointer;
45
44
  }
46
45
 
46
+ .yr3MonthSelector--year-option {
47
+ display: grid;
48
+ justify-self: center;
49
+ }
50
+
47
51
  .yr3MonthSelector--months {
48
- display: flex;
49
- flex-wrap: wrap;
50
- justify-content: space-around;
52
+ display: grid;
53
+ grid-template-columns: repeat(3, 1fr);
51
54
  gap: 4px;
52
- padding: 8px;
53
- margin-top: 8px;
54
55
  }
55
56
  .yr3MonthSelector--months .yr3MonthSelector--month {
57
+ display: grid;
56
58
  padding: 8px 8px;
57
59
  flex-basis: 20px;
58
60
  outline: none;
@@ -68,11 +70,19 @@
68
70
  border: 1px solid var(--color-primary);
69
71
  }
70
72
 
73
+ .yr3MonthSelector--year-button-back {
74
+ display: grid;
75
+ justify-self: flex-start;
76
+ }
71
77
  .yr3MonthSelector--year-button-back--disabled {
72
78
  cursor: not-allowed;
73
79
  opacity: 0.5;
74
80
  }
75
81
 
82
+ .yr3MonthSelector--year-button-next {
83
+ display: grid;
84
+ justify-self: flex-end;
85
+ }
76
86
  .yr3MonthSelector--year-button-next--disabled {
77
87
  cursor: not-allowed;
78
88
  opacity: 0.5;
package/dist/components/Date/month.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Date/month.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;;AAMR;EACI;EACA;;;AAKJ;EACI;EACA;;;AAKR;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;EACA","file":"month.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Date/month.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;;AAKZ;EACI;EACA;;AACA;EACI;EACA;;;AAIR;EACI;EACA;;AACA;EACI;EACA;;;AAKR;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;EACA","file":"month.css"}
package/dist/components/Loader/loader.css CHANGED
@@ -21,6 +21,11 @@
21
21
  transform: rotate(360deg);
22
22
  }
23
23
  }
24
+ .yr3Loader--spinner-size-xs {
25
+ --spinner-width: 10px;
26
+ --spinner-height: 10px;
27
+ }
28
+
24
29
  .yr3Loader--spinner-size-sm {
25
30
  --spinner-width: 16px;
26
31
  --spinner-height: 16px;
package/dist/components/Loader/loader.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Loader/loader.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACC;;;AAED;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;IAAgB;;EAChB;IAAM","file":"loader.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Loader/loader.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;AAKJ;EACE;EACA;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACC;;;AAED;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;IAAgB;;EAChB;IAAM","file":"loader.css"}