@dodlhuat/basix 1.0.0 → 1.1.0

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 (142) hide show
  1. package/README.md +1 -1
  2. package/css/accordion.scss +31 -22
  3. package/css/alert.scss +79 -27
  4. package/css/button.scss +151 -102
  5. package/css/card.scss +11 -12
  6. package/css/carousel.scss +123 -87
  7. package/css/chart.scss +9 -11
  8. package/css/chat-bubbles.scss +2 -2
  9. package/css/checkbox.scss +72 -55
  10. package/css/chips.scss +52 -52
  11. package/css/code-viewer.scss +73 -98
  12. package/css/datepicker.scss +20 -0
  13. package/css/dropdown.scss +151 -137
  14. package/css/editor.scss +9 -6
  15. package/css/file-uploader.scss +187 -195
  16. package/css/flyout-menu.scss +20 -13
  17. package/css/form.scss +168 -115
  18. package/css/gallery.scss +62 -63
  19. package/css/grid.scss +0 -1
  20. package/css/modal.scss +117 -72
  21. package/css/placeholder.scss +17 -12
  22. package/css/properties.scss +6 -0
  23. package/css/push-menu.scss +70 -23
  24. package/css/radiobutton.scss +86 -64
  25. package/css/range-slider.scss +136 -0
  26. package/css/scrollbar.scss +69 -69
  27. package/css/spinner.scss +41 -66
  28. package/css/style.css +4351 -3735
  29. package/css/style.css.map +1 -1
  30. package/css/style.scss +2 -1
  31. package/css/switch.scss +43 -42
  32. package/css/table.scss +61 -40
  33. package/css/tabs.scss +12 -7
  34. package/css/timeline.scss +72 -69
  35. package/css/timepicker.scss +151 -72
  36. package/css/toast.scss +49 -48
  37. package/css/tooltip.scss +112 -122
  38. package/css/tree.scss +135 -192
  39. package/css/typography.scss +70 -9
  40. package/css/virtual-dropdown.scss +201 -142
  41. package/js/carousel.js +45 -18
  42. package/js/carousel.ts +217 -173
  43. package/js/datepicker.js +505 -497
  44. package/js/datepicker.ts +9 -0
  45. package/js/editor.js +398 -415
  46. package/js/file-uploader.js +142 -128
  47. package/js/file-uploader.ts +364 -350
  48. package/js/gallery.js +22 -15
  49. package/js/gallery.ts +17 -12
  50. package/js/index.js +718 -720
  51. package/js/index.ts +7 -8
  52. package/js/push-menu.js +113 -101
  53. package/js/push-menu.ts +17 -2
  54. package/js/range-slider.js +26 -0
  55. package/js/range-slider.ts +33 -0
  56. package/js/timepicker.js +144 -98
  57. package/js/timepicker.ts +194 -131
  58. package/js/tree.js +56 -28
  59. package/js/tree.ts +239 -218
  60. package/package.json +1 -1
  61. package/css/accordion.css +0 -109
  62. package/css/accordion.css.map +0 -1
  63. package/css/alert.css +0 -57
  64. package/css/alert.css.map +0 -1
  65. package/css/button.css +0 -69
  66. package/css/button.css.map +0 -1
  67. package/css/card.css +0 -144
  68. package/css/card.css.map +0 -1
  69. package/css/carousel.css +0 -118
  70. package/css/carousel.css.map +0 -1
  71. package/css/chart.css +0 -159
  72. package/css/chart.css.map +0 -1
  73. package/css/chat-bubbles.css +0 -97
  74. package/css/chat-bubbles.css.map +0 -1
  75. package/css/checkbox.css +0 -77
  76. package/css/checkbox.css.map +0 -1
  77. package/css/chips.css +0 -72
  78. package/css/chips.css.map +0 -1
  79. package/css/code-viewer.css +0 -97
  80. package/css/code-viewer.css.map +0 -1
  81. package/css/colors.css +0 -63
  82. package/css/colors.css.map +0 -1
  83. package/css/datepicker.css +0 -264
  84. package/css/datepicker.css.map +0 -1
  85. package/css/defaults.css +0 -118
  86. package/css/defaults.css.map +0 -1
  87. package/css/dropdown.css +0 -146
  88. package/css/dropdown.css.map +0 -1
  89. package/css/editor.css +0 -413
  90. package/css/file-uploader.css +0 -194
  91. package/css/file-uploader.css.map +0 -1
  92. package/css/flyout-menu.css +0 -345
  93. package/css/flyout-menu.css.map +0 -1
  94. package/css/form-builder.css +0 -9
  95. package/css/form-builder.css.map +0 -1
  96. package/css/form-builder.scss +0 -11
  97. package/css/form.css +0 -130
  98. package/css/form.css.map +0 -1
  99. package/css/gallery.css +0 -91
  100. package/css/gallery.css.map +0 -1
  101. package/css/grid.css +0 -44
  102. package/css/grid.css.map +0 -1
  103. package/css/icons.css +0 -327
  104. package/css/icons.css.map +0 -1
  105. package/css/modal.css +0 -97
  106. package/css/modal.css.map +0 -1
  107. package/css/parameters.css +0 -1
  108. package/css/parameters.css.map +0 -1
  109. package/css/placeholder.css +0 -50
  110. package/css/placeholder.css.map +0 -1
  111. package/css/progress.css +0 -51
  112. package/css/progress.css.map +0 -1
  113. package/css/properties.css +0 -31
  114. package/css/properties.css.map +0 -1
  115. package/css/push-menu.css +0 -145
  116. package/css/push-menu.css.map +0 -1
  117. package/css/radiobutton.css +0 -91
  118. package/css/radiobutton.css.map +0 -1
  119. package/css/reset.css +0 -46
  120. package/css/reset.css.map +0 -1
  121. package/css/scrollbar.css +0 -91
  122. package/css/scrollbar.css.map +0 -1
  123. package/css/spinner.css +0 -118
  124. package/css/spinner.css.map +0 -1
  125. package/css/switch.css +0 -66
  126. package/css/switch.css.map +0 -1
  127. package/css/table.css +0 -201
  128. package/css/table.css.map +0 -1
  129. package/css/tabs.css +0 -135
  130. package/css/tabs.css.map +0 -1
  131. package/css/timeline.css +0 -69
  132. package/css/timeline.css.map +0 -1
  133. package/css/toast.css +0 -98
  134. package/css/toast.css.map +0 -1
  135. package/css/tooltip.css +0 -151
  136. package/css/tooltip.css.map +0 -1
  137. package/css/tree.css +0 -199
  138. package/css/tree.css.map +0 -1
  139. package/css/typography.css +0 -137
  140. package/css/typography.css.map +0 -1
  141. package/css/virtual-dropdown.css +0 -149
  142. package/css/virtual-dropdown.css.map +0 -1
package/css/button.css DELETED
@@ -1,69 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- button, .button {
34
- padding: 1rem 2rem;
35
- border-radius: 0.4rem;
36
- background: var(--divider);
37
- color: var(--primary-text);
38
- border: none;
39
- cursor: pointer;
40
- }
41
- button.active, .button.active {
42
- background: var(--accent-color-lighten);
43
- }
44
- button.button-primary, .button.button-primary {
45
- background: var(--accent-color);
46
- color: var(--divider);
47
- }
48
- button:hover, .button:hover {
49
- filter: brightness(115%);
50
- }
51
- button.button-success, .button.button-success {
52
- background: var(--success);
53
- color: var(--divider);
54
- }
55
- button.button-warning, .button.button-warning {
56
- background: var(--warning);
57
- color: var(--divider);
58
- }
59
- button.button-error, .button.button-error {
60
- background: var(--error);
61
- color: var(--divider);
62
- }
63
-
64
- [data-theme=dark] button:hover, [data-theme=dark] .button:hover {
65
- filter: brightness(85%);
66
- }
67
- [data-theme=dark] button.button-primary, [data-theme=dark] .button.button-primary {
68
- color: var(--primary-text);
69
- }/*# sourceMappingURL=button.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","button.css","button.scss","parameters.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,kBAAA;EACA,qBCJc;EDKd,0BAAA;EACA,0BAAA;EACA,YAAA;EACA,eAAA;AD8BF;AC5BE;EACE,uCAAA;AD8BJ;AC3BE;EACE,+BAAA;EACA,qBAAA;AD6BJ;AC1BE;EACE,wBAAA;AD4BJ;ACzBE;EACE,0BAAA;EACA,qBAAA;AD2BJ;ACxBE;EACE,0BAAA;EACA,qBAAA;AD0BJ;ACvBE;EACE,wBAAA;EACA,qBAAA;ADyBJ;;ACnBI;EACE,uBAAA;ADsBN;ACnBI;EACE,0BAAA;ADqBN","file":"button.css"}
package/css/card.css DELETED
@@ -1,144 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- html, body {
34
- overflow: auto;
35
- }
36
-
37
- body {
38
- position: relative;
39
- height: 100%;
40
- width: 100%;
41
- min-height: 100vh;
42
- }
43
-
44
- a {
45
- cursor: pointer;
46
- }
47
-
48
- .content {
49
- margin-left: 2rem;
50
- margin-right: 2rem;
51
- margin-top: 4rem;
52
- }
53
-
54
- .hidden {
55
- display: none;
56
- }
57
-
58
- .float-right {
59
- float: right;
60
- }
61
-
62
- .float-left {
63
- float: left;
64
- }
65
-
66
- .block {
67
- display: block;
68
- width: 100%;
69
- }
70
-
71
- .vertical-align-center {
72
- align-items: center;
73
- display: flex;
74
- }
75
-
76
- .horizontal-align-center {
77
- text-align: center;
78
- }
79
-
80
- .center {
81
- align-items: center;
82
- justify-content: center;
83
- display: flex;
84
- }
85
-
86
- code.code {
87
- background: var(--divider);
88
- display: block;
89
- font-family: monospace;
90
- border-radius: 0.4rem;
91
- font-size: 1.3rem;
92
- margin: 1rem 0;
93
- }
94
- code.code .code-header {
95
- display: block;
96
- background: var(--disabled);
97
- border-top-left-radius: 0.4rem;
98
- border-top-right-radius: 0.4rem;
99
- padding: 0.5rem 2rem;
100
- color: var(--primary-text);
101
- font-weight: bold;
102
- }
103
- code.code .code-content {
104
- padding: 2rem;
105
- white-space: break-spaces;
106
- }
107
-
108
- .cursor-pointer {
109
- cursor: pointer;
110
- }
111
-
112
- .spacing-right {
113
- margin-right: 1rem;
114
- }
115
-
116
- .flex {
117
- display: flex;
118
- }
119
-
120
- .card {
121
- box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
122
- background: var(--secondary-background);
123
- border-radius: 0.4rem;
124
- }
125
- .card .header {
126
- border-bottom: 1px solid var(--divider);
127
- position: relative;
128
- width: 100%;
129
- padding-right: 1rem;
130
- left: -1rem;
131
- padding-left: 1rem;
132
- margin-bottom: 1rem;
133
- padding-bottom: 1rem;
134
- }
135
- .card .footer {
136
- border-top: 1px solid var(--divider);
137
- position: relative;
138
- width: 100%;
139
- padding-right: 1rem;
140
- left: -1rem;
141
- padding-left: 1rem;
142
- margin-top: 1rem;
143
- padding-top: 1rem;
144
- }/*# sourceMappingURL=card.css.map */
package/css/card.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","card.css","defaults.scss","parameters.scss","card.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,cAAA;AD8BF;;AC3BA;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,iBAAA;AD8BF;;AC3BA;EACE,eAAA;AD8BF;;AC3BA;EACE,iBAAA;EACA,kBAAA;EACA,gBAAA;AD8BF;;AC3BA;EACE,aAAA;AD8BF;;AC3BA;EACE,YAAA;AD8BF;;AC3BA;EACE,WAAA;AD8BF;;AC3BA;EACE,cAAA;EACA,WAAA;AD8BF;;AC3BA;EACE,mBAAA;EACA,aAAA;AD8BF;;AC3BA;EACE,kBAAA;AD8BF;;AC3BA;EACE,mBAAA;EACA,uBAAA;EACA,aAAA;AD8BF;;AC3BA;EACE,0BAAA;EACA,cAAA;EACA,sBAAA;EACA,qBC3Dc;ED4Dd,iBAAA;EACA,cAAA;AD8BF;AC5BE;EACE,cAAA;EACA,2BAAA;EACA,8BClEY;EDmEZ,+BCnEY;EDoEZ,oBAAA;EACA,0BAAA;EACA,iBAAA;AD8BJ;AC3BE;EACE,aAAA;EACA,yBAAA;AD6BJ;;ACzBA;EACE,eAAA;AD4BF;;ACzBA;EACE,kBCrFQ;AFiHV;;ACzBA;EACE,aAAA;AD4BF;;AGjHA;EACE,4CDFO;ECGP,uCAAA;EACA,qBDNc;AF0HhB;AGlHE;EACE,uCAAA;EACA,kBAAA;EACA,WAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,oBAAA;AHoHJ;AGjHE;EACE,oCAAA;EACA,kBAAA;EACA,WAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA;AHmHJ","file":"card.css"}
package/css/carousel.css DELETED
@@ -1,118 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- .carousel {
34
- position: relative;
35
- width: 100%;
36
- margin: 0 auto;
37
- overflow: hidden;
38
- border-radius: 8px;
39
- box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
40
- }
41
-
42
- .carousel-track-container {
43
- overflow: hidden;
44
- width: 100%;
45
- }
46
-
47
- .carousel-track {
48
- display: flex;
49
- transition: transform 0.4s ease-in-out;
50
- width: 100%;
51
- padding: 0;
52
- margin: 0;
53
- list-style: none;
54
- }
55
-
56
- .carousel-slide {
57
- min-width: 100%;
58
- box-sizing: border-box;
59
- min-height: 400px;
60
- display: flex;
61
- align-items: center;
62
- justify-content: center;
63
- font-size: 2rem;
64
- -webkit-user-select: none;
65
- -moz-user-select: none;
66
- user-select: none;
67
- }
68
-
69
- .carousel-button {
70
- position: absolute;
71
- top: 50%;
72
- transform: translateY(-50%);
73
- cursor: pointer;
74
- display: flex;
75
- align-items: center;
76
- justify-content: center;
77
- z-index: 10;
78
- transition: background 0.3s;
79
- padding: 10px;
80
- }
81
-
82
- .carousel-button:hover {
83
- background: var(--secondary-background);
84
- }
85
-
86
- .carousel-button--left {
87
- left: 10px;
88
- }
89
-
90
- .carousel-button--right {
91
- right: 10px;
92
- }
93
-
94
- .carousel-nav {
95
- display: flex;
96
- justify-content: center;
97
- padding: 10px 0;
98
- position: absolute;
99
- bottom: 10px;
100
- width: 100%;
101
- z-index: 10;
102
- }
103
-
104
- .carousel-indicator {
105
- padding: 0;
106
- border: none;
107
- width: 20px;
108
- height: 5px;
109
- background: var(--disabled);
110
- margin: 0 5px;
111
- border-radius: 4px;
112
- cursor: pointer;
113
- transition: background 0.3s;
114
- }
115
-
116
- .carousel-indicator.current-slide {
117
- background: var(--accent-color);
118
- }/*# sourceMappingURL=carousel.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","carousel.css","carousel.scss","parameters.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,kBAAA;EACA,WAAA;EACA,cAAA;EACA,gBAAA;EACA,kBAAA;EACA,4CCNO;AFoCT;;AC3BA;EACE,gBAAA;EACA,WAAA;AD8BF;;AC3BA;EACE,aAAA;EACA,sCAAA;EACA,WAAA;EACA,UAAA;EACA,SAAA;EACA,gBAAA;AD8BF;;AC3BA;EACE,eAAA;EACA,sBAAA;EACA,iBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;AD8BF;;AC3BA;EACE,kBAAA;EACA,QAAA;EACA,2BAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,2BAAA;EACA,aAAA;AD8BF;;AC3BA;EACE,uCAAA;AD8BF;;AC3BA;EACE,UAAA;AD8BF;;AC3BA;EACE,WAAA;AD8BF;;AC3BA;EACE,aAAA;EACA,uBAAA;EACA,eAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;AD8BF;;AC3BA;EACE,UAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;EACA,2BAAA;EACA,aAAA;EACA,kBAAA;EACA,eAAA;EACA,2BAAA;AD8BF;;AC3BA;EACE,+BAAA;AD8BF","file":"carousel.css"}
package/css/chart.css DELETED
@@ -1,159 +0,0 @@
1
- :root {
2
- --chart-bg: #ffffff;
3
- --zone-left-bg: #e0f7fa;
4
- --zone-mid-bg: #fff9c4;
5
- --zone-right-bg: #d0f7db;
6
- --grid-line-color: #bdbdbd;
7
- --row-hover-bg: #f5f5f5;
8
- --line-color: #1976d2;
9
- --point-color: #d32f2f;
10
- --text-color: #333;
11
- --font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
12
- }
13
-
14
- #chart-container {
15
- position: relative;
16
- }
17
-
18
- /* Background Zones Layer */
19
- .chart-background {
20
- position: absolute;
21
- top: 0;
22
- left: 0;
23
- width: 100%;
24
- height: 100%;
25
- display: flex;
26
- z-index: 0;
27
- pointer-events: none;
28
- }
29
-
30
- .zone {
31
- height: 100%;
32
- border-right: 1px dashed rgba(0, 0, 0, 0.05);
33
- /* Optional zone separator */
34
- }
35
-
36
- .zone-left {
37
- background-color: var(--zone-left-bg);
38
- }
39
-
40
- .zone-mid {
41
- background-color: var(--zone-mid-bg);
42
- }
43
-
44
- .zone-right {
45
- background-color: var(--zone-right-bg);
46
- }
47
-
48
- /* Grid Lines Layer */
49
- .grid-lines {
50
- position: absolute;
51
- top: 0;
52
- left: 0;
53
- width: 100%;
54
- height: 100%;
55
- z-index: 1;
56
- pointer-events: none;
57
- }
58
-
59
- .grid-line {
60
- position: absolute;
61
- top: 0;
62
- bottom: 0;
63
- width: 1px;
64
- background-color: var(--grid-line-color);
65
- }
66
-
67
- .grid-label {
68
- position: absolute;
69
- top: 10px;
70
- transform: translateX(-50%);
71
- font-size: 10px;
72
- color: #666;
73
- }
74
-
75
- /* Content Layer */
76
- .chart-content {
77
- position: relative;
78
- z-index: 2;
79
- }
80
-
81
- .chart-row {
82
- display: flex;
83
- align-items: center;
84
- padding: 10px 20px;
85
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
86
- transition: background-color 0.2s;
87
- height: 40px;
88
- /* Fixed height for easier calculation */
89
- box-sizing: border-box;
90
- }
91
-
92
- .chart-row:hover {
93
- background-color: rgba(255, 255, 255, 0.5);
94
- }
95
-
96
- .row-info {
97
- width: 350px;
98
- /* Fixed width for info column */
99
- flex-shrink: 0;
100
- font-size: 11px;
101
- color: var(--text-color);
102
- z-index: 3;
103
- /* Above lines */
104
- }
105
-
106
- .row-name {
107
- font-weight: bold;
108
- font-size: 12px;
109
- }
110
-
111
- .row-meta {
112
- font-size: 10px;
113
- color: #777;
114
- }
115
-
116
- /* SVG Layer for Line */
117
- .chart-svg-layer {
118
- position: absolute;
119
- top: 0;
120
- left: 0;
121
- width: 100%;
122
- height: 100%;
123
- z-index: 9999;
124
- /* Nuclear option for visibility */
125
- pointer-events: none;
126
- overflow: visible;
127
- /* Allow points to extend beyond container if needed */
128
- }
129
-
130
- .chart-polyline {
131
- fill: none;
132
- stroke: var(--line-color);
133
- stroke-width: 2;
134
- stroke-linejoin: round;
135
- stroke-linecap: round;
136
- }
137
-
138
- .chart-point {
139
- fill: var(--point-color);
140
- stroke: white;
141
- stroke-width: 2;
142
- }
143
-
144
- /* Tooltip Styles */
145
- .chart-tooltip {
146
- position: absolute;
147
- background-color: rgba(0, 0, 0, 0.8);
148
- color: white;
149
- padding: 8px 12px;
150
- border-radius: 4px;
151
- font-size: 12px;
152
- pointer-events: none;
153
- z-index: 10000;
154
- /* Ensure it's on top of everything */
155
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
156
- white-space: nowrap;
157
- }
158
-
159
- /*# sourceMappingURL=chart.css.map */
package/css/chart.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["chart.scss","chart.css"],"names":[],"mappings":"AAAA;EACE,mBAAA;EACA,uBAAA;EACA,sBAAA;EACA,wBAAA;EACA,0BAAA;EACA,uBAAA;EACA,qBAAA;EACA,sBAAA;EACA,kBAAA;EACA,8DAAA;ACCF;;ADEA;EACE,kBAAA;ACCF;;ADEA,2BAAA;AACA;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,UAAA;EACA,oBAAA;ACCF;;ADEA;EACE,YAAA;EACA,4CAAA;EACA,4BAAA;ACCF;;ADEA;EACE,qCAAA;ACCF;;ADEA;EACE,oCAAA;ACCF;;ADEA;EACE,sCAAA;ACCF;;ADEA,qBAAA;AACA;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,oBAAA;ACCF;;ADEA;EACE,kBAAA;EACA,MAAA;EACA,SAAA;EACA,UAAA;EACA,wCAAA;ACCF;;ADEA;EACE,kBAAA;EACA,SAAA;EACA,2BAAA;EACA,eAAA;EACA,WAAA;ACCF;;ADEA,kBAAA;AACA;EACE,kBAAA;EACA,UAAA;ACCF;;ADEA;EACE,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,4CAAA;EACA,iCAAA;EACA,YAAA;EACA,wCAAA;EACA,sBAAA;ACCF;;ADEA;EACE,0CAAA;ACCF;;ADEA;EACE,YAAA;EACA,gCAAA;EACA,cAAA;EACA,eAAA;EACA,wBAAA;EACA,UAAA;EACA,gBAAA;ACCF;;ADEA;EACE,iBAAA;EACA,eAAA;ACCF;;ADEA;EACE,eAAA;EACA,WAAA;ACCF;;ADEA,uBAAA;AACA;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,oBAAA;EACA,iBAAA;EACA,sDAAA;ACCF;;ADEA;EACE,UAAA;EACA,yBAAA;EACA,eAAA;EACA,sBAAA;EACA,qBAAA;ACCF;;ADEA;EACE,wBAAA;EACA,aAAA;EACA,eAAA;ACCF;;ADEA,mBAAA;AACA;EACE,kBAAA;EACA,oCAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;EACA,cAAA;EACA,qCAAA;EACA,wCAAA;EACA,mBAAA;ACCF","file":"chart.css"}
@@ -1,97 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- .chat-container {
34
- width: 100%;
35
- display: flex;
36
- flex-direction: column;
37
- padding: 1rem;
38
- gap: 10px;
39
- }
40
-
41
- .message {
42
- max-width: 75%;
43
- padding: 1rem 1.5rem;
44
- border-radius: 8px;
45
- position: relative;
46
- line-height: 1.2rem;
47
- color: var(--primary-text);
48
- box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
49
- word-wrap: break-word;
50
- }
51
-
52
- /* Metadata (time) */
53
- .message-meta {
54
- display: block;
55
- font-size: 0.8rem;
56
- color: var(--primary-text);
57
- text-align: right;
58
- margin-top: 4px;
59
- }
60
-
61
- /* Incoming Message */
62
- .message-incoming {
63
- align-self: flex-start;
64
- background-color: var(--background);
65
- border-top-left-radius: 0;
66
- }
67
-
68
- .message-incoming::before {
69
- content: "";
70
- position: absolute;
71
- top: 0;
72
- left: -8px;
73
- width: 0;
74
- height: 0;
75
- border: 8px solid transparent;
76
- border-top-color: var(--secondary-background);
77
- border-right: 0;
78
- margin-top: 0px;
79
- }
80
-
81
- .message-outgoing {
82
- align-self: flex-end;
83
- background-color: var(--accent-color-lighten);
84
- border-top-right-radius: 0;
85
- }
86
-
87
- .message-outgoing::after {
88
- content: "";
89
- position: absolute;
90
- top: 0;
91
- right: -8px;
92
- width: 0;
93
- height: 0;
94
- border: 8px solid transparent;
95
- border-top-color: var(--accent-color-lighten);
96
- border-left: 0;
97
- }/*# sourceMappingURL=chat-bubbles.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","chat-bubbles.css","chat-bubbles.scss","parameters.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,WAAA;EACA,aAAA;EACA,sBAAA;EACA,aCPQ;EDQR,SAAA;AD8BF;;AC3BA;EACE,cAAA;EACA,oBAAA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,4CCfO;EDgBP,qBAAA;AD8BF;;AC3BA,oBAAA;AACA;EACE,cAAA;EACA,iBAAA;EACA,0BAAA;EACA,iBAAA;EACA,eAAA;AD8BF;;AC3BA,qBAAA;AACA;EACE,sBAAA;EACA,mCAAA;EACA,yBAAA;AD8BF;;AC3BA;EACE,WAAA;EACA,kBAAA;EACA,MAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,6BAAA;EACA,6CAAA;EACA,eAAA;EACA,eAAA;AD8BF;;AC3BA;EACE,oBAAA;EACA,6CAAA;EACA,0BAAA;AD8BF;;AC3BA;EACE,WAAA;EACA,kBAAA;EACA,MAAA;EACA,WAAA;EACA,QAAA;EACA,SAAA;EACA,6BAAA;EACA,6CAAA;EACA,cAAA;AD8BF","file":"chat-bubbles.css"}
package/css/checkbox.css DELETED
@@ -1,77 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- .styled-checkbox {
34
- position: absolute;
35
- opacity: 0;
36
- width: auto;
37
- }
38
- .styled-checkbox + label {
39
- position: relative;
40
- cursor: pointer;
41
- padding: 0;
42
- display: flex;
43
- margin-bottom: 0.5rem;
44
- }
45
- .styled-checkbox + label:before {
46
- content: "";
47
- margin-right: 10px;
48
- display: inline-block;
49
- width: 1rem;
50
- height: 1rem;
51
- transition: border 0.3s;
52
- border: 2px solid rgba(0, 0, 0, 0.25);
53
- margin-top: 2px;
54
- }
55
- .styled-checkbox:hover + label:before {
56
- border-color: rgba(0, 0, 0, 0.5);
57
- }
58
- .styled-checkbox:checked + label:before {
59
- background: var(--accent-color);
60
- }
61
- .styled-checkbox:disabled + label {
62
- color: var(--disabled);
63
- cursor: auto;
64
- }
65
- .styled-checkbox:disabled + label:before {
66
- box-shadow: none;
67
- background: var(--disabled);
68
- }
69
- .styled-checkbox:checked + label:after {
70
- content: url("../icons/checkmark-outline.svg");
71
- filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(180deg) brightness(101%) contrast(101%);
72
- position: absolute;
73
- left: 2px;
74
- top: 2px;
75
- width: 1rem;
76
- height: 1rem;
77
- }/*# sourceMappingURL=checkbox.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","checkbox.css","checkbox.scss","parameters.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,kBAAA;EACA,UAAA;EACA,WAAA;AD8BF;AC5BE;EACE,kBAAA;EACA,eAAA;EACA,UAAA;EACA,aAAA;EACA,qBAAA;AD8BJ;AC3BE;EACE,WAAA;EACA,kBAAA;EACA,qBAAA;EACA,WCpBM;EDqBN,YCrBM;EDsBN,uBAAA;EACA,qCAAA;EACA,eAAA;AD6BJ;AC1BE;EACE,gCAAA;AD4BJ;ACzBE;EACE,+BAAA;AD2BJ;ACxBE;EACE,sBAAA;EACA,YAAA;AD0BJ;ACvBE;EACE,gBAAA;EACA,2BAAA;ADyBJ;ACtBE;EACE,8CAAA;EACA,gGAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WCnDM;EDoDN,YCpDM;AF4EV","file":"checkbox.css"}