@drjoshcsimmons/scl 0.1.3 → 0.1.5
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.
- package/README.md +35 -35
- package/dist/index100.js +9 -50
- package/dist/index101.js +50 -9
- package/dist/index102.js +196 -627
- package/dist/index103.js +27 -178
- package/dist/index104.js +178 -12
- package/dist/index11.js +2 -2
- package/dist/index110.js +1 -1
- package/dist/index112.js +1 -1
- package/dist/index12.js +1 -1
- package/dist/index13.js +2 -2
- package/dist/index131.js +1 -1
- package/dist/index132.js +1 -1
- package/dist/index137.js +11 -21
- package/dist/index138.js +26 -11
- package/dist/index139.js +4 -27
- package/dist/index14.js +2 -2
- package/dist/index140.js +22 -4
- package/dist/index15.js +2 -2
- package/dist/index17.js +4 -4
- package/dist/index18.js +2 -2
- package/dist/index20.js +2 -2
- package/dist/index21.js +1 -1
- package/dist/index22.js +1 -1
- package/dist/index23.js +2 -2
- package/dist/index24.js +1 -1
- package/dist/index25.js +4 -4
- package/dist/index26.js +1 -1
- package/dist/index27.js +3 -3
- package/dist/index29.js +1 -1
- package/dist/index31.js +1 -1
- package/dist/index33.js +1 -1
- package/dist/index36.js +2 -2
- package/dist/index37.js +1 -1
- package/dist/index4.js +2 -2
- package/dist/index45.js +220 -108
- package/dist/index46.js +11 -33
- package/dist/index47.js +33 -118
- package/dist/index48.js +116 -64
- package/dist/index49.js +61 -237
- package/dist/index5.js +1 -1
- package/dist/index50.js +60 -9
- package/dist/index51.js +247 -230
- package/dist/index52.js +118 -11
- package/dist/index53.js +308 -16
- package/dist/index54.js +12 -860
- package/dist/index55.js +5 -2
- package/dist/index56.js +9 -225
- package/dist/index57.js +435 -11
- package/dist/index58.js +225 -11
- package/dist/index59.js +11 -60
- package/dist/index6.js +1 -1
- package/dist/index60.js +11 -254
- package/dist/index61.js +237 -507
- package/dist/index62.js +12 -241
- package/dist/index63.js +822 -222
- package/dist/index64.js +2 -5
- package/dist/index65.js +530 -12
- package/dist/index66.js +129 -403
- package/dist/index67.js +16 -159
- package/dist/index68.js +18 -332
- package/dist/index69.js +320 -66
- package/dist/index7.js +1 -1
- package/dist/index70.js +121 -301
- package/dist/index71.js +82 -12
- package/dist/index72.js +238 -19
- package/dist/index73.js +225 -212
- package/dist/index74.js +31 -130
- package/dist/index75.js +236 -31
- package/dist/index8.js +1 -1
- package/dist/index80.js +52 -49
- package/dist/index81.js +11 -4
- package/dist/index82.js +4 -34
- package/dist/index83.js +29 -68
- package/dist/index84.js +12 -10
- package/dist/index85.js +49 -52
- package/dist/index86.js +33 -10
- package/dist/index87.js +68 -29
- package/dist/index88.js +10 -12
- package/dist/index89.js +14 -5
- package/dist/index9.js +2 -2
- package/dist/index90.js +45 -24
- package/dist/index91.js +7 -45
- package/dist/index92.js +3 -7
- package/dist/index93.js +5 -3
- package/dist/index94.js +23 -123
- package/dist/index95.js +646 -11
- package/dist/index96.js +115 -125
- package/dist/index97.js +128 -212
- package/dist/index98.js +2 -2
- package/dist/index99.js +15 -30
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
```
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
/____
|
|
2
|
+
____ ____ _
|
|
3
|
+
/ ___| / ___|| |
|
|
4
|
+
\___ \| | | |
|
|
5
|
+
___) | |___ | |___
|
|
6
|
+
|____/ \____||_____|
|
|
7
7
|
|
|
8
8
|
SIMSIES COMPONENT LIBRARY
|
|
9
9
|
"because copy-pasting is for normies"
|
|
@@ -90,34 +90,34 @@ function App() {
|
|
|
90
90
|
## Components
|
|
91
91
|
|
|
92
92
|
```
|
|
93
|
-
|
|
94
|
-
│
|
|
95
|
-
|
|
96
|
-
│
|
|
97
|
-
│ ┌─ LAYOUT ─────────────────────────────────────────────────┐
|
|
98
|
-
│ │ Accordion • Card • Collapsible • Scroll Area
|
|
99
|
-
│ │ Separator • Sheet • Tabs • Resizable
|
|
100
|
-
│ └──────────────────────────────────────────────────────────┘
|
|
101
|
-
│
|
|
102
|
-
│ ┌─ FORMS ──────────────────────────────────────────────────┐
|
|
103
|
-
│ │ Button • Checkbox • Input • Label • Radio Group
|
|
104
|
-
│ │ Select • Slider • Switch • Textarea • Toggle
|
|
105
|
-
│ └──────────────────────────────────────────────────────────┘
|
|
106
|
-
│
|
|
107
|
-
│ ┌─ DATA DISPLAY ───────────────────────────────────────────┐
|
|
108
|
-
│ │ Avatar • Badge • Progress • Skeleton • Table • Tooltip │
|
|
109
|
-
│ └──────────────────────────────────────────────────────────┘
|
|
110
|
-
│
|
|
111
|
-
│ ┌─ FEEDBACK ───────────────────────────────────────────────┐
|
|
112
|
-
│ │ Alert • Alert Dialog • Dialog • Popover • Dropdown Menu
|
|
113
|
-
│ └──────────────────────────────────────────────────────────┘
|
|
114
|
-
│
|
|
115
|
-
│ ┌─ WEIRD CUSTOM SHIT ──────────────────────────────────────┐
|
|
116
|
-
│ │ Dithered Image • Statusline • Terminal Textarea
|
|
117
|
-
│ │ Code Editor (with VIM MODE because we're not animals)
|
|
118
|
-
│ └──────────────────────────────────────────────────────────┘
|
|
119
|
-
│
|
|
120
|
-
|
|
93
|
+
┌────────────────────────────────────────────────────────────────┐
|
|
94
|
+
│ COMPONENT ARSENAL │
|
|
95
|
+
├────────────────────────────────────────────────────────────────┤
|
|
96
|
+
│ │
|
|
97
|
+
│ ┌─ LAYOUT ─────────────────────────────────────────────────┐ │
|
|
98
|
+
│ │ Accordion • Card • Collapsible • Scroll Area │ │
|
|
99
|
+
│ │ Separator • Sheet • Tabs • Resizable │ │
|
|
100
|
+
│ └──────────────────────────────────────────────────────────┘ │
|
|
101
|
+
│ │
|
|
102
|
+
│ ┌─ FORMS ──────────────────────────────────────────────────┐ │
|
|
103
|
+
│ │ Button • Checkbox • Input • Label • Radio Group │ │
|
|
104
|
+
│ │ Select • Slider • Switch • Textarea • Toggle │ │
|
|
105
|
+
│ └──────────────────────────────────────────────────────────┘ │
|
|
106
|
+
│ │
|
|
107
|
+
│ ┌─ DATA DISPLAY ───────────────────────────────────────────┐ │
|
|
108
|
+
│ │ Avatar • Badge • Progress • Skeleton • Table • Tooltip │ │
|
|
109
|
+
│ └──────────────────────────────────────────────────────────┘ │
|
|
110
|
+
│ │
|
|
111
|
+
│ ┌─ FEEDBACK ───────────────────────────────────────────────┐ │
|
|
112
|
+
│ │ Alert • Alert Dialog • Dialog • Popover • Dropdown Menu │ │
|
|
113
|
+
│ └──────────────────────────────────────────────────────────┘ │
|
|
114
|
+
│ │
|
|
115
|
+
│ ┌─ WEIRD CUSTOM SHIT ──────────────────────────────────────┐ │
|
|
116
|
+
│ │ Dithered Image • Statusline • Terminal Textarea │ │
|
|
117
|
+
│ │ Code Editor (with VIM MODE because we're not animals) │ │
|
|
118
|
+
│ └──────────────────────────────────────────────────────────┘ │
|
|
119
|
+
│ │
|
|
120
|
+
└────────────────────────────────────────────────────────────────┘
|
|
121
121
|
```
|
|
122
122
|
|
|
123
123
|
## Development
|
|
@@ -173,7 +173,7 @@ Check out the components at [jcpsimmons.github.io/scl](https://jcpsimmons.github
|
|
|
173
173
|
║ • No shadows (we live in FLATLAND) ║
|
|
174
174
|
║ • BigBlueTerm437 monospace font (embrace the CRT vibes) ║
|
|
175
175
|
║ • CSS variables for theming (HSL colors because we're not ║
|
|
176
|
-
║ savages who use hex in
|
|
176
|
+
║ savages who use hex in 2099) ║
|
|
177
177
|
║ • Dark mode (obviously) ║
|
|
178
178
|
║ ║
|
|
179
179
|
║ If you want rounded corners and drop shadows, Material UI is ║
|
|
@@ -202,7 +202,7 @@ It's my name. Well, part of it. Don't overthink it.
|
|
|
202
202
|
```
|
|
203
203
|
┌────────────────────────────────────────────────────────┐
|
|
204
204
|
│ │
|
|
205
|
-
│ React ──────────────► Because it's
|
|
205
|
+
│ React ──────────────► Because it's 2099 │
|
|
206
206
|
│ │ │
|
|
207
207
|
│ ▼ │
|
|
208
208
|
│ Radix UI ──────────► Accessibility handled │
|
package/dist/index100.js
CHANGED
|
@@ -1,52 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
return u.map(function(e) {
|
|
10
|
-
if (r.contains(e))
|
|
11
|
-
return e;
|
|
12
|
-
var n = W(e);
|
|
13
|
-
return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
|
|
14
|
-
}).filter(function(e) {
|
|
15
|
-
return !!e;
|
|
16
|
-
});
|
|
17
|
-
}, E = function(r, u, e, n) {
|
|
18
|
-
var i = D(u, Array.isArray(r) ? r : [r]);
|
|
19
|
-
p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
|
|
20
|
-
var s = p[e], l = [], o = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
|
|
21
|
-
!t || o.has(t) || (o.add(t), y(t.parentNode));
|
|
22
|
-
};
|
|
23
|
-
i.forEach(y);
|
|
24
|
-
var A = function(t) {
|
|
25
|
-
!t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
|
|
26
|
-
if (o.has(a))
|
|
27
|
-
A(a);
|
|
28
|
-
else
|
|
29
|
-
try {
|
|
30
|
-
var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (s.get(a) || 0) + 1;
|
|
31
|
-
f.set(a, d), s.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
|
|
32
|
-
} catch (k) {
|
|
33
|
-
console.error("aria-hidden: cannot operate on ", a, k);
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
-
return A(u), o.clear(), h++, function() {
|
|
38
|
-
l.forEach(function(t) {
|
|
39
|
-
var a = f.get(t) - 1, c = s.get(t) - 1;
|
|
40
|
-
f.set(t, a), s.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
|
|
41
|
-
}), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
|
|
42
|
-
};
|
|
43
|
-
}, C = function(r, u, e) {
|
|
44
|
-
e === void 0 && (e = "data-aria-hidden");
|
|
45
|
-
var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
|
|
46
|
-
return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live], script"))), E(n, i, e, "aria-hidden")) : function() {
|
|
47
|
-
return null;
|
|
48
|
-
};
|
|
49
|
-
};
|
|
1
|
+
import { __assign as m } from "./index119.js";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
import { RemoveScroll as e } from "./index120.js";
|
|
4
|
+
import t from "./index121.js";
|
|
5
|
+
var s = r.forwardRef(function(a, o) {
|
|
6
|
+
return r.createElement(e, m({}, a, { ref: o, sideCar: t }));
|
|
7
|
+
});
|
|
8
|
+
s.classNames = e.classNames;
|
|
50
9
|
export {
|
|
51
|
-
|
|
10
|
+
s as default
|
|
52
11
|
};
|
package/dist/index101.js
CHANGED
|
@@ -1,11 +1,52 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
var S = function(r) {
|
|
2
|
+
if (typeof document > "u")
|
|
3
|
+
return null;
|
|
4
|
+
var u = Array.isArray(r) ? r[0] : r;
|
|
5
|
+
return u.ownerDocument.body;
|
|
6
|
+
}, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
|
|
7
|
+
return r && (r.host || W(r.parentNode));
|
|
8
|
+
}, D = function(r, u) {
|
|
9
|
+
return u.map(function(e) {
|
|
10
|
+
if (r.contains(e))
|
|
11
|
+
return e;
|
|
12
|
+
var n = W(e);
|
|
13
|
+
return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
|
|
14
|
+
}).filter(function(e) {
|
|
15
|
+
return !!e;
|
|
16
|
+
});
|
|
17
|
+
}, E = function(r, u, e, n) {
|
|
18
|
+
var i = D(u, Array.isArray(r) ? r : [r]);
|
|
19
|
+
p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
|
|
20
|
+
var s = p[e], l = [], o = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
|
|
21
|
+
!t || o.has(t) || (o.add(t), y(t.parentNode));
|
|
22
|
+
};
|
|
23
|
+
i.forEach(y);
|
|
24
|
+
var A = function(t) {
|
|
25
|
+
!t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
|
|
26
|
+
if (o.has(a))
|
|
27
|
+
A(a);
|
|
28
|
+
else
|
|
29
|
+
try {
|
|
30
|
+
var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (s.get(a) || 0) + 1;
|
|
31
|
+
f.set(a, d), s.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
|
|
32
|
+
} catch (k) {
|
|
33
|
+
console.error("aria-hidden: cannot operate on ", a, k);
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
return A(u), o.clear(), h++, function() {
|
|
38
|
+
l.forEach(function(t) {
|
|
39
|
+
var a = f.get(t) - 1, c = s.get(t) - 1;
|
|
40
|
+
f.set(t, a), s.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
|
|
41
|
+
}), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
|
|
42
|
+
};
|
|
43
|
+
}, C = function(r, u, e) {
|
|
44
|
+
e === void 0 && (e = "data-aria-hidden");
|
|
45
|
+
var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
|
|
46
|
+
return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live], script"))), E(n, i, e, "aria-hidden")) : function() {
|
|
47
|
+
return null;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
9
50
|
export {
|
|
10
|
-
|
|
51
|
+
C as hideOthers
|
|
11
52
|
};
|