@itcase/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 (44) hide show
  1. package/dist/components/Avatar.js +56 -31
  2. package/dist/components/{Counter.js → Badge.js} +7 -7
  3. package/dist/components/Button.js +55 -56
  4. package/dist/components/Cell.js +14 -14
  5. package/dist/components/Checkbox.js +74 -22
  6. package/dist/components/Chips.js +2 -20
  7. package/dist/components/Divider.js +17 -1
  8. package/dist/components/Group.js +13 -1
  9. package/dist/components/Icon.js +45 -26
  10. package/dist/components/Input.js +19 -2
  11. package/dist/components/Label.js +11 -3
  12. package/dist/components/Logo.js +24 -12
  13. package/dist/components/MenuItem.js +11 -2
  14. package/dist/components/Modal.js +219 -41
  15. package/dist/components/Profile.js +10 -4
  16. package/dist/components/RadioButton.js +78 -26
  17. package/dist/components/Scrollbar.js +4 -4
  18. package/dist/components/Select.js +2 -2
  19. package/dist/components/Switch.js +2 -1
  20. package/dist/components/Tab.js +205 -0
  21. package/dist/components/Text.js +1 -3
  22. package/dist/components/Textarea.js +9 -1
  23. package/dist/components/Tile.js +43 -115
  24. package/dist/css/components/Avatar/Avatar.css +23 -10
  25. package/dist/css/components/Badge/Badge.css +55 -0
  26. package/dist/css/components/Button/Button.css +19 -8
  27. package/dist/css/components/Checkbox/Checkbox.css +60 -63
  28. package/dist/css/components/Chips/Chips.css +25 -7
  29. package/dist/css/components/Fader/Fader.css +0 -1
  30. package/dist/css/components/Icon/Icon.css +4 -4
  31. package/dist/css/components/Input/Input.css +6 -0
  32. package/dist/css/components/List/List.css +3 -3
  33. package/dist/css/components/Logo/Logo.css +23 -0
  34. package/dist/css/components/{Popup/Popup.css → Modal/Modal.css} +5 -4
  35. package/dist/css/components/RadioButton/RadioButton.css +60 -59
  36. package/dist/css/components/Switch/Switch.css +56 -46
  37. package/dist/css/components/Tab/Tab.css +46 -0
  38. package/dist/css/components/Tile/Tile.css +27 -10
  39. package/dist/css/styles/border-color/border-color.css +2 -2
  40. package/dist/css/styles/border-type/border-type.css +13 -0
  41. package/dist/css/styles/border-width/border-width.css +7 -0
  42. package/package.json +2 -1
  43. package/dist/components/Popup.js +0 -255
  44. package/dist/css/components/Counter/Counter.css +0 -55
@@ -1,55 +0,0 @@
1
- .counter {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
- border-radius: 50%;
6
- }
7
- .counter {
8
- &_size {
9
- @each $size in xxs, xs, s, m, l, xl, xxl {
10
- &_$(size) {
11
- min-width: var(--counter-width-size-$(size));
12
- min-height: var(--counter-height-size-$(size));
13
- max-height: var(--counter-height-size-$(size));
14
- }
15
- }
16
- }
17
- }
18
- .counter {
19
- &&_type {
20
- &_accent {
21
- background: var(--color-accent-primary);
22
- color: var(--color-accent-text-primary);
23
- }
24
- }
25
- }
26
- .counter {
27
- &&_type {
28
- &_primary {
29
- background: var(--color-primary);
30
- color: var(--color-primary-text-primary);
31
- }
32
- }
33
- }
34
- :root {
35
- --counter-width-size-xxs: 16px;
36
- --counter-height-size-xxs: 16px;
37
-
38
- --counter-width-size-xs: 18px;
39
- --counter-height-size-xs: 18px;
40
-
41
- --counter-width-size-s: 20px;
42
- --counter-height-size-s: 20px;
43
-
44
- --counter-width-size-m: 24px;
45
- --counter-height-size-m: 24px;
46
-
47
- --counter-width-size-l: 32px;
48
- --counter-height-size-l: 32px;
49
-
50
- --counter-width-size-xl: 40px;
51
- --counter-height-size-xl: 40px;
52
-
53
- --counter-width-size-xxl: 48px;
54
- --counter-height-size-xxl: 48px;
55
- }