webcoreui 0.0.10 → 0.0.12

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 (123) hide show
  1. package/README.md +35 -7
  2. package/astro.d.ts +8 -0
  3. package/astro.js +8 -0
  4. package/components/Accordion/Accordion.astro +10 -8
  5. package/components/Accordion/Accordion.svelte +8 -8
  6. package/components/Accordion/Accordion.tsx +7 -6
  7. package/components/Accordion/{accordion.scss → accordion.module.scss} +18 -10
  8. package/components/Alert/Alert.astro +11 -7
  9. package/components/Alert/Alert.svelte +9 -7
  10. package/components/Alert/Alert.tsx +11 -7
  11. package/components/Alert/alert.module.scss +54 -0
  12. package/components/Alert/alert.ts +3 -1
  13. package/components/Avatar/Avatar.astro +4 -4
  14. package/components/Avatar/Avatar.svelte +13 -7
  15. package/components/Avatar/Avatar.tsx +11 -9
  16. package/components/Avatar/{avatar.scss → avatar.module.scss} +2 -2
  17. package/components/Badge/Badge.astro +8 -8
  18. package/components/Badge/Badge.svelte +25 -13
  19. package/components/Badge/Badge.tsx +26 -8
  20. package/components/Badge/badge.module.scss +89 -0
  21. package/components/Badge/badge.ts +8 -1
  22. package/components/Button/Button.astro +10 -6
  23. package/components/Button/Button.svelte +15 -11
  24. package/components/Button/Button.tsx +11 -7
  25. package/components/Button/button.module.scss +94 -0
  26. package/components/Button/button.ts +6 -1
  27. package/components/Card/Card.astro +7 -15
  28. package/components/Card/Card.svelte +16 -13
  29. package/components/Card/Card.tsx +15 -11
  30. package/components/Card/card.module.scss +33 -0
  31. package/components/Checkbox/Checkbox.astro +10 -10
  32. package/components/Checkbox/Checkbox.svelte +19 -18
  33. package/components/Checkbox/Checkbox.tsx +12 -11
  34. package/components/Checkbox/{checkbox.scss → checkbox.module.scss} +16 -17
  35. package/components/Checkbox/checkbox.ts +5 -1
  36. package/components/ConditionalWrapper/ConditionalWrapper.svelte +1 -1
  37. package/components/Icon/Icon.svelte +1 -8
  38. package/components/Icon/Icon.tsx +1 -8
  39. package/components/Icon/map.ts +23 -0
  40. package/components/Input/Input.astro +50 -0
  41. package/components/Input/Input.svelte +52 -0
  42. package/components/Input/Input.tsx +59 -0
  43. package/components/Input/input.module.scss +87 -0
  44. package/components/Input/input.ts +50 -0
  45. package/components/Menu/Menu.astro +107 -0
  46. package/components/Menu/Menu.svelte +88 -0
  47. package/components/Menu/Menu.tsx +107 -0
  48. package/components/Menu/menu.module.scss +144 -0
  49. package/components/Menu/menu.ts +21 -0
  50. package/components/Progress/Progress.astro +42 -40
  51. package/components/Progress/Progress.svelte +40 -38
  52. package/components/Progress/Progress.tsx +48 -47
  53. package/components/Progress/{progress.scss → progress.module.scss} +66 -66
  54. package/components/Radio/Radio.astro +57 -57
  55. package/components/Radio/Radio.svelte +58 -56
  56. package/components/Radio/Radio.tsx +69 -68
  57. package/components/Radio/{radio.scss → radio.module.scss} +92 -92
  58. package/components/Radio/radio.ts +4 -0
  59. package/components/Rating/Rating.astro +13 -10
  60. package/components/Rating/Rating.svelte +15 -15
  61. package/components/Rating/Rating.tsx +22 -11
  62. package/components/Rating/{rating.scss → rating.module.scss} +10 -9
  63. package/components/Rating/rating.ts +1 -1
  64. package/components/Spinner/Spinner.astro +44 -42
  65. package/components/Spinner/Spinner.svelte +40 -38
  66. package/components/Spinner/Spinner.tsx +45 -44
  67. package/components/Spinner/{spinner.scss → spinner.module.scss} +41 -41
  68. package/components/Switch/Switch.astro +13 -11
  69. package/components/Switch/Switch.svelte +26 -24
  70. package/components/Switch/Switch.tsx +14 -12
  71. package/components/Switch/{switch.scss → switch.module.scss} +4 -4
  72. package/components/Switch/switch.ts +8 -4
  73. package/components/Table/Table.astro +60 -0
  74. package/components/Table/Table.svelte +56 -0
  75. package/components/Table/Table.tsx +64 -0
  76. package/components/Table/table.module.scss +64 -0
  77. package/components/Table/table.ts +10 -0
  78. package/components/Tabs/Tabs.astro +77 -76
  79. package/components/Tabs/Tabs.svelte +56 -54
  80. package/components/Tabs/Tabs.tsx +70 -69
  81. package/components/Tabs/{tabs.scss → tabs.module.scss} +30 -31
  82. package/components/ThemeSwitcher/ThemeSwitcher.astro +106 -0
  83. package/components/ThemeSwitcher/ThemeSwitcher.svelte +76 -0
  84. package/components/ThemeSwitcher/ThemeSwitcher.tsx +89 -0
  85. package/components/ThemeSwitcher/themeswitcher.module.scss +74 -0
  86. package/components/ThemeSwitcher/themeswitcher.ts +13 -0
  87. package/components/Timeline/Timeline.astro +36 -34
  88. package/components/Timeline/Timeline.svelte +32 -30
  89. package/components/Timeline/Timeline.tsx +38 -37
  90. package/components/Timeline/{timeline.scss → timeline.module.scss} +71 -71
  91. package/components/TimelineItem/TimelineItem.astro +27 -26
  92. package/components/TimelineItem/TimelineItem.svelte +24 -22
  93. package/components/TimelineItem/TimelineItem.tsx +33 -32
  94. package/components/TimelineItem/{timelineitem.scss → timelineitem.module.scss} +31 -31
  95. package/components/Toast/Toast.astro +41 -30
  96. package/components/Toast/Toast.svelte +32 -21
  97. package/components/Toast/Toast.tsx +38 -28
  98. package/components/Toast/{toast.scss → toast.module.scss} +44 -43
  99. package/components/Toast/toast.ts +3 -6
  100. package/icons/moon.svg +3 -0
  101. package/icons/sun.svg +3 -0
  102. package/index.js +3 -0
  103. package/package.json +3 -1
  104. package/react.d.ts +8 -0
  105. package/react.js +8 -0
  106. package/scss/global/elements.scss +1 -1
  107. package/scss/global/scrollbar.scss +21 -0
  108. package/scss/global/theme.scss +140 -0
  109. package/scss/global/tooltip.scss +8 -5
  110. package/scss/global/utility.scss +29 -0
  111. package/scss/global.scss +2 -0
  112. package/scss/resets.scss +5 -5
  113. package/scss/setup.scss +39 -18
  114. package/svelte.d.ts +18 -10
  115. package/svelte.js +8 -0
  116. package/utils/classNames.ts +4 -0
  117. package/utils/cookies.ts +28 -0
  118. package/utils/event.ts +17 -0
  119. package/utils/toast.ts +12 -9
  120. package/components/Alert/alert.scss +0 -53
  121. package/components/Badge/badge.scss +0 -85
  122. package/components/Button/button.scss +0 -91
  123. package/components/Card/card.scss +0 -37
package/components/Badge/badge.scss DELETED
@@ -1,85 +0,0 @@
1
- @import '../../scss/config.scss';
2
-
3
- .w-badge {
4
- @include Transition();
5
- padding: 5px 10px;
6
- border-radius: 5px;
7
- display: inline-flex;
8
- align-items: center;
9
- gap: 5px;
10
- font-size: 12px;
11
- background: #FFF;
12
- color: #252525;
13
-
14
- &.hover {
15
- cursor: pointer;
16
-
17
- &:hover {
18
- background: #BBB;
19
- }
20
-
21
- &.secondary:hover {
22
- background: #333;
23
- }
24
-
25
- &.outline:hover {
26
- color: #FFF;
27
- background: transparent;
28
- box-shadow: inset 0px 0px 0px 1px #FFF;
29
- }
30
-
31
- &.flat:hover {
32
- background: #333;
33
- }
34
-
35
- &.info:hover {
36
- background: #48dbfb;
37
- }
38
-
39
- &.success:hover {
40
- background: #1dd1a1;
41
- }
42
-
43
- &.warning:hover {
44
- background: #f7aa61;
45
- }
46
-
47
- &.alert:hover {
48
- background: #ee5253;
49
- }
50
- }
51
-
52
-
53
- &.secondary {
54
- background: #252525;
55
- color: #FFF;
56
- }
57
-
58
- &.outline {
59
- background: #000;
60
- color: #BBB;
61
- box-shadow: inset 0px 0px 0px 1px #BBB;
62
- }
63
-
64
- &.flat {
65
- background: #000;
66
- color: #FFF;
67
- }
68
-
69
- &.info {
70
- background: #0abde3;
71
- }
72
-
73
- &.success {
74
- background: #10ac84;
75
- }
76
-
77
- &.warning {
78
- background: #ff9f43;
79
- }
80
-
81
- &.alert {
82
- background: #e73f40;
83
- color: #fff;
84
- }
85
- }
package/components/Button/button.scss DELETED
@@ -1,91 +0,0 @@
1
- @import '../../scss/config.scss';
2
-
3
- .w-button {
4
- @include Transition();
5
- padding: 10px 15px;
6
- border-radius: 5px;
7
- text-decoration: none;
8
- display: inline-flex;
9
- align-items: center;
10
- gap: 5px;
11
- font-size: 16px;
12
- cursor: pointer;
13
- border: 0;
14
- background: #FFF;
15
- color: #252525;
16
-
17
- &[disabled] {
18
- cursor: no-drop;
19
- background: #BBB;
20
- }
21
-
22
- &:hover {
23
- background: #BBB;
24
- }
25
-
26
- &.secondary {
27
- background: #252525;
28
- color: #FFF;
29
-
30
- &:hover {
31
- background: #333;
32
- }
33
- }
34
-
35
- &.outline {
36
- background: #000;
37
- color: #BBB;
38
- box-shadow: inset 0px 0px 0px 1px #BBB;
39
-
40
- &:hover {
41
- color: #FFF;
42
- box-shadow: inset 0px 0px 0px 1px #FFF;
43
- }
44
- }
45
-
46
- &.flat {
47
- background: #000;
48
- color: #FFF;
49
-
50
- &:hover {
51
- background: #333;
52
- }
53
- }
54
-
55
- &.info {
56
- background: #0abde3;
57
-
58
- &:hover {
59
- background: #48dbfb;
60
- }
61
- }
62
-
63
- &.success {
64
- background: #10ac84;
65
-
66
- &:hover {
67
- background: #1dd1a1;
68
- }
69
- }
70
-
71
- &.warning {
72
- background: #ff9f43;
73
-
74
- &:hover {
75
- background: #f7aa61;
76
- }
77
- }
78
-
79
- &.alert {
80
- background: #e73f40;
81
- color: #fff;
82
-
83
- &:hover {
84
- background: #ee5253;
85
- }
86
- }
87
-
88
- &.bold {
89
- font-family: Bold;
90
- }
91
- }
package/components/Card/card.scss DELETED
@@ -1,37 +0,0 @@
1
- .w-card {
2
- border: 1px solid #252525;
3
- border-radius: 5px;
4
- display: flex;
5
- flex-direction: column;
6
-
7
- &.secondary {
8
- background: #111;
9
-
10
- .card-title {
11
- background: #000;
12
- }
13
- }
14
-
15
- .card-title {
16
- padding: 20px;
17
- display: block;
18
- border-bottom: 1px solid #252525;
19
- font-size: 16px;
20
- }
21
-
22
- .card-body {
23
- padding: 20px;
24
- height: 100%;
25
- position: relative;
26
-
27
- &.compact {
28
- background: #111;
29
- }
30
- }
31
-
32
- .card-wrapper {
33
- background: #000;
34
- padding: 40px;
35
- height: 100%;
36
- }
37
- }