@lolmath/ui 1.0.1 → 1.0.3

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 (64) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +1 -3
  4. package/dist/index.js.map +1 -1
  5. package/dist/plugin.cjs +1 -72
  6. package/dist/plugin.cjs.map +1 -1
  7. package/dist/plugin.js +2 -75
  8. package/dist/plugin.js.map +1 -1
  9. package/package.json +10 -5
  10. package/.turbo/turbo-build.log +0 -30
  11. package/dist/chunk-UXIASGQL.js +0 -31
  12. package/dist/chunk-UXIASGQL.js.map +0 -1
  13. package/public/font/beaufort/beaufort.css +0 -79
  14. package/public/font/beaufort/files/beaufort-300-italic.woff +0 -0
  15. package/public/font/beaufort/files/beaufort-300-italic.woff2 +0 -0
  16. package/public/font/beaufort/files/beaufort-300-normal.woff +0 -0
  17. package/public/font/beaufort/files/beaufort-300-normal.woff2 +0 -0
  18. package/public/font/beaufort/files/beaufort-400-italic.woff +0 -0
  19. package/public/font/beaufort/files/beaufort-400-italic.woff2 +0 -0
  20. package/public/font/beaufort/files/beaufort-400-normal.woff +0 -0
  21. package/public/font/beaufort/files/beaufort-400-normal.woff2 +0 -0
  22. package/public/font/beaufort/files/beaufort-500-italic.woff +0 -0
  23. package/public/font/beaufort/files/beaufort-500-italic.woff2 +0 -0
  24. package/public/font/beaufort/files/beaufort-500-normal.woff +0 -0
  25. package/public/font/beaufort/files/beaufort-500-normal.woff2 +0 -0
  26. package/public/font/beaufort/files/beaufort-700-italic.woff +0 -0
  27. package/public/font/beaufort/files/beaufort-700-italic.woff2 +0 -0
  28. package/public/font/beaufort/files/beaufort-700-normal.woff +0 -0
  29. package/public/font/beaufort/files/beaufort-700-normal.woff2 +0 -0
  30. package/public/font/beaufort/files/beaufort-900-italic.woff +0 -0
  31. package/public/font/beaufort/files/beaufort-900-italic.woff2 +0 -0
  32. package/public/font/beaufort/files/beaufort-900-normal.woff +0 -0
  33. package/public/font/beaufort/files/beaufort-900-normal.woff2 +0 -0
  34. package/public/font/spiegel/files/spiegel-400-italic.woff +0 -0
  35. package/public/font/spiegel/files/spiegel-400-italic.woff2 +0 -0
  36. package/public/font/spiegel/files/spiegel-400-normal.woff +0 -0
  37. package/public/font/spiegel/files/spiegel-400-normal.woff2 +0 -0
  38. package/public/font/spiegel/files/spiegel-600-normal.woff +0 -0
  39. package/public/font/spiegel/files/spiegel-600-normal.woff2 +0 -0
  40. package/public/font/spiegel/files/spiegel-700-italic.woff +0 -0
  41. package/public/font/spiegel/files/spiegel-700-italic.woff2 +0 -0
  42. package/public/font/spiegel/files/spiegel-700-normal.woff +0 -0
  43. package/public/font/spiegel/files/spiegel-700-normal.woff2 +0 -0
  44. package/public/font/spiegel/spiegel.css +0 -44
  45. package/src/components/accordion.tsx +0 -109
  46. package/src/components/button.tsx +0 -81
  47. package/src/components/checkbox.tsx +0 -37
  48. package/src/components/progress-bar.tsx +0 -47
  49. package/src/components/search-field.tsx +0 -65
  50. package/src/components/select.tsx +0 -113
  51. package/src/components/slider.tsx +0 -108
  52. package/src/components/switch.tsx +0 -66
  53. package/src/index.ts +0 -7
  54. package/src/plugin.ts +0 -56
  55. package/src/utilities/border.tsx +0 -7
  56. package/src/utilities/constants.tsx +0 -11
  57. package/src/utilities/outline.tsx +0 -2
  58. package/temp/button/button.css +0 -503
  59. package/temp/button/keyframes.css +0 -63
  60. package/temp/select/dropdown.css +0 -166
  61. package/temp/select/select.css +0 -193
  62. package/temp/slider/slider.css +0 -116
  63. package/tsconfig.json +0 -21
  64. package/tsup.config.ts +0 -13
@@ -1,193 +0,0 @@
1
- :host .ui-dropdown {
2
- font-family: var(--font-body);
3
- }
4
- :host .ui-dropdown {
5
- -webkit-user-select: none;
6
- }
7
- :host .ui-dropdown {
8
- font-kerning: normal;
9
- -webkit-font-feature-settings: "kern" 1;
10
- -webkit-font-smoothing: antialiased;
11
- }
12
- :host .ui-dropdown {
13
- color: #a09b8c;
14
- font-size: 12px;
15
- font-weight: normal;
16
- line-height: 16px;
17
- letter-spacing: 0.025em;
18
- -webkit-font-smoothing: subpixel-antialiased;
19
- }
20
- :host .ui-dropdown:lang(ja-jp) {
21
- font-size: 13px;
22
- }
23
- :host .ui-dropdown:lang(ar-ae) {
24
- letter-spacing: 0;
25
- }
26
- :host .ui-dropdown dt.ui-dropdown-current {
27
- border: thin solid transparent;
28
- border-image: linear-gradient(
29
- to top,
30
- #695625 0%,
31
- #a9852d 23%,
32
- #b88d35 93%,
33
- #c8aa6e 100%
34
- )
35
- 1;
36
- }
37
- :host(:not(.active):hover) dt.ui-dropdown-current,
38
- :host(:not(.active):focus) dt.ui-dropdown-current {
39
- border: thin solid transparent;
40
- border-image: linear-gradient(to top, #c89b3c, #f0e6d2) 1;
41
- }
42
- :host .ui-dropdown dd.ui-dropdown-options-container {
43
- border: thin solid transparent;
44
- border-image: linear-gradient(to top, #695625, #463714) 1;
45
- }
46
- :host {
47
- --framed-dropdown-scrollable-max-height: 150px;
48
- --framed-dropdown-current-content-padding: 0 20px 0 7px;
49
- --framed-dropdown-current-content-padding-rtl: 0 7px 0 20px;
50
- --framed-dropdown-opens-upward-height: auto;
51
- --framed-dropdown-options-container-width: 100%;
52
- --framed-dropdown-direction-rtl: rtl;
53
- }
54
- :host([stylablecontent]) .ui-dropdown-current-content.shadow {
55
- display: none;
56
- }
57
- :host(:not([stylablecontent])) .ui-dropdown-current-content.light {
58
- display: none;
59
- }
60
- :host .ui-dropdown-current-content,
61
- :host .ui-dropdown-current-content.shadow {
62
- width: 100%;
63
- overflow: hidden;
64
- text-overflow: ellipsis;
65
- white-space: nowrap;
66
- padding: var(--framed-dropdown-current-content-padding);
67
- }
68
- :host .ui-dropdown-current-content .ui-dropdown-option-only,
69
- :host .ui-dropdown-current-content.shadow .ui-dropdown-option-only {
70
- display: none;
71
- }
72
- :host .ui-dropdown-current-content:lang(ar-ae),
73
- :host .ui-dropdown-current-content.shadow:lang(ar-ae) {
74
- padding: var(--framed-dropdown-current-content-padding-rtl);
75
- }
76
- :host {
77
- display: inline-flex;
78
- flex-direction: column;
79
- width: 100%;
80
- outline: 0;
81
- }
82
- :host .ui-dropdown {
83
- display: inline-flex;
84
- flex-direction: column;
85
- position: relative;
86
- user-select: none;
87
- margin: 0;
88
- cursor: pointer;
89
- width: 100%;
90
- height: 100%;
91
- }
92
- :host .ui-dropdown:lang(ar-ae) {
93
- direction: var(--framed-dropdown-direction-rtl);
94
- text-align: right;
95
- }
96
- :host .ui-dropdown dt.ui-dropdown-current {
97
- display: flex;
98
- box-sizing: border-box;
99
- padding-bottom: 10px;
100
- width: 100%;
101
- height: 100%;
102
- margin: 0;
103
- padding: 7px 5px;
104
- align-items: center;
105
- background-color: rgba(30, 35, 40, 0.5);
106
- }
107
- :host .ui-dropdown dt.ui-dropdown-current::after {
108
- background: url(/fe/lol-uikit/up-down-arrow.png) center no-repeat;
109
- width: 13px;
110
- height: 18px;
111
- position: absolute;
112
- right: 8px;
113
- top: 50%;
114
- transform: translate(0, -50%);
115
- content: "";
116
- }
117
- :host .ui-dropdown dt.ui-dropdown-current:lang(ar-ae)::after {
118
- right: auto;
119
- left: 8px;
120
- }
121
- :host .ui-dropdown dd.ui-dropdown-options-container {
122
- margin: 0;
123
- opacity: 0;
124
- display: flex;
125
- padding: 0;
126
- box-sizing: border-box;
127
- width: var(--framed-dropdown-options-container-width);
128
- position: absolute;
129
- top: 100%;
130
- max-height: 0;
131
- transition: max-height 400ms;
132
- z-index: 2;
133
- overflow: hidden;
134
- visibility: hidden;
135
- background-color: rgba(30, 35, 40, 0.5);
136
- }
137
- :host .ui-dropdown dd.ui-dropdown-options-container ul.ui-dropdown-options {
138
- list-style: none;
139
- margin: 0;
140
- padding: 0;
141
- box-sizing: border-box;
142
- min-width: 100%;
143
- background: #010a13;
144
- height: 100%;
145
- }
146
- :host
147
- .ui-dropdown
148
- dd.ui-dropdown-options-container
149
- ul.ui-dropdown-options
150
- lol-uikit-scrollable {
151
- max-height: var(--framed-dropdown-scrollable-max-height);
152
- }
153
- :host .ui-dropdown.opens-upward {
154
- height: var(--framed-dropdown-opens-upward-height);
155
- }
156
- :host .ui-dropdown.opens-upward dd.ui-dropdown-options-container {
157
- bottom: 100%;
158
- top: auto;
159
- margin-top: 1px;
160
- }
161
- :host(.disabled) {
162
- cursor: default;
163
- pointer-events: none;
164
- }
165
- :host(.disabled) .ui-dropdown dt.ui-dropdown-current {
166
- border: thin solid #3c3c41;
167
- color: #3c3c41;
168
- }
169
- :host(.disabled) .ui-dropdown dt.ui-dropdown-current::after {
170
- -webkit-filter: grayscale(100%);
171
- opacity: 0.35;
172
- }
173
- :host(.active) .ui-dropdown .ui-dropdown-current {
174
- border: thin solid #463714;
175
- color: #463714;
176
- }
177
- :host(.active) .ui-dropdown .ui-dropdown-current::after {
178
- background-image: url(/fe/lol-uikit/up-down-arrow-locked.png);
179
- }
180
- :host(.active) .ui-dropdown dd.ui-dropdown-options-container {
181
- opacity: 1;
182
- max-height: 400px;
183
- transition: max-height 400ms;
184
- visibility: visible;
185
- }
186
- :host(:not(.active):hover) dt.ui-dropdown-current,
187
- :host(:not(.active):focus) dt.ui-dropdown-current {
188
- background: linear-gradient(
189
- to top,
190
- rgba(88, 83, 66, 0.5),
191
- rgba(30, 35, 40, 0.5)
192
- );
193
- }
@@ -1,116 +0,0 @@
1
- :host {
2
- --slider-base-before-top: 14px;
3
- --slider-btn-cursor: default;
4
- --slider-btn-width: 30px;
5
- --slider-btn-height: 30px;
6
- --slider-btn-hover-background-position: 0 -30px;
7
- --slider-btn-active-background-position: 0 -60px;
8
- --slider-fill-top: 13px;
9
- }
10
- :host {
11
- display: flex;
12
- align-items: center;
13
- }
14
- :host .lol-uikit-slider-wrapper {
15
- position: relative;
16
- height: inherit;
17
- width: inherit;
18
- }
19
- :host .lol-uikit-slider-wrapper .lol-uikit-slider-base {
20
- height: inherit;
21
- width: inherit;
22
- position: absolute;
23
- }
24
- :host .lol-uikit-slider-wrapper .lol-uikit-slider-base:before {
25
- content: "";
26
- position: absolute;
27
- top: var(--slider-base-before-top);
28
- left: 0;
29
- width: calc(100% - 2.5px);
30
- height: 2px;
31
- background: #1e2328;
32
- }
33
- :host .lol-uikit-slider-wrapper .lol-uikit-slider-fill {
34
- background: linear-gradient(to left, #695625, #463714);
35
- position: absolute;
36
- height: 2px;
37
- width: 0;
38
- top: var(--slider-fill-top);
39
- border: thin solid #010a13;
40
- }
41
- :host .lol-uikit-slider-wrapper .lol-uikit-slider-button {
42
- cursor: var(--slider-btn-cursor);
43
- width: var(--slider-btn-width);
44
- height: var(--slider-btn-height);
45
- background: url("/fe/lol-uikit/images/slider-btn.png") no-repeat top left;
46
- background-size: 100%;
47
- position: absolute;
48
- top: 0px;
49
- }
50
- :host
51
- .lol-uikit-slider-wrapper
52
- .lol-uikit-slider-button:hover
53
- + .lol-uikit-slider-fill {
54
- background: linear-gradient(to right, #785a28 0%, #c89b3c 56%, #c8aa6e 100%);
55
- }
56
- :host
57
- .lol-uikit-slider-wrapper
58
- .lol-uikit-slider-button:active
59
- + .lol-uikit-slider-fill {
60
- background: linear-gradient(to right, #695625, #463714);
61
- }
62
- :host .lol-uikit-slider-wrapper .lol-uikit-slider-button:hover {
63
- background-position: var(--slider-btn-hover-background-position);
64
- }
65
- :host .lol-uikit-slider-wrapper .lol-uikit-slider-button:active {
66
- background-position: var(--slider-btn-active-background-position);
67
- }
68
- :host .lol-uikit-slider-wrapper.disabled .lol-uikit-slider-fill {
69
- background: #010a1326;
70
- }
71
- :host .lol-uikit-slider-wrapper.disabled .lol-uikit-slider-button {
72
- background-position: 0 -90px;
73
- }
74
- :host
75
- .lol-uikit-slider-wrapper.disabled
76
- .lol-uikit-slider-button:hover
77
- + .lol-uikit-slider-fill {
78
- background: rgba(1, 10, 19, 0.15);
79
- }
80
- :host
81
- .lol-uikit-slider-wrapper.disabled
82
- .lol-uikit-slider-button:active
83
- + .lol-uikit-slider-fill {
84
- background: #010a1326;
85
- }
86
- :host .lol-uikit-slider-wrapper.disabled .lol-uikit-slider-button:hover {
87
- background-position: 0 -90px;
88
- }
89
- :host .lol-uikit-slider-wrapper.disabled .lol-uikit-slider-button:active {
90
- background-position: 0 -90px;
91
- }
92
- :host .lol-uikit-slider-wrapper.vertical .lol-uikit-slider-base:before {
93
- top: 0px;
94
- left: 15px;
95
- bottom: 15px;
96
- width: 2px;
97
- height: calc(100% - 2.5px);
98
- background: #1e2328;
99
- }
100
- :host .lol-uikit-slider-wrapper.vertical .lol-uikit-slider-fill {
101
- background: linear-gradient(to top, #695625, #463714);
102
- width: 2px;
103
- height: 0;
104
- bottom: 0px;
105
- top: auto;
106
- left: 14px;
107
- }
108
- :host .lol-uikit-slider-wrapper.vertical .lol-uikit-slider-button {
109
- transform: rotate(90deg);
110
- left: 0px;
111
- bottom: 0px;
112
- top: auto;
113
- }
114
- :host(:lang(ar-ae)) {
115
- direction: ltr /*rtl:ignore*/;
116
- }
package/tsconfig.json DELETED
@@ -1,21 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "target": "ESNext",
4
- "useDefineForClassFields": true,
5
- "module": "ESNext",
6
- "lib": ["ESNext", "DOM"],
7
- "moduleResolution": "bundler",
8
- "strict": true,
9
- "resolveJsonModule": true,
10
- "isolatedModules": true,
11
- "esModuleInterop": true,
12
- "noEmit": true,
13
- "noUnusedLocals": true,
14
- "noUnusedParameters": true,
15
- "noImplicitReturns": true,
16
- "skipLibCheck": true,
17
- "types": ["vitest/globals", "vitest/importMeta"],
18
- "jsx": "react-jsx"
19
- },
20
- "include": ["src", "./docs.ts", "../../apps/ui-storybook/src/button.stories.tsx"]
21
- }
package/tsup.config.ts DELETED
@@ -1,13 +0,0 @@
1
- import { defineConfig } from "tsup";
2
-
3
- export default defineConfig({
4
- entry: {
5
- index: "src/index.ts",
6
- plugin: "src/plugin.ts",
7
- },
8
- sourcemap: true,
9
- clean: true,
10
- dts: true,
11
- format: ["esm", "cjs"],
12
- publicDir: "public",
13
- });