elements-kit 0.15.0 → 0.17.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.
- package/dist/{benchmark.CX_oY03V-CSLAXL5f.mjs → benchmark.CX_oY03V-CsUg-gW0.mjs} +32 -1
- package/dist/{element-D6xVuWdX.mjs → element-DGuUvJM4.mjs} +1 -1
- package/dist/for.mjs +2 -2
- package/dist/integrations/react.mjs +2 -2
- package/dist/jsx-runtime/index.d.mts +1 -1
- package/dist/jsx-runtime/index.mjs +1 -1
- package/dist/{lib-Dkc7cV5F.mjs → lib-Cg8fI7K5.mjs} +0 -31
- package/dist/render.mjs +1 -1
- package/dist/{scope-CnEvL9Nd.mjs → scope-De6rSJvq.mjs} +1 -1
- package/dist/signals/index.mjs +1 -1
- package/dist/{test.BmQO5GaM-Ddz9cDxc.mjs → test.BmQO5GaM-ZC2MPXQb.mjs} +1 -100
- package/dist/ui/accordion/accordion.css +10 -10
- package/dist/ui/alert/alert.css +6 -6
- package/dist/ui/badge/badge.css +17 -17
- package/dist/ui/button/button.css +33 -33
- package/dist/ui/checkbox/checkbox.css +5 -5
- package/dist/ui/code/code.css +16 -16
- package/dist/ui/link/link.css +3 -3
- package/dist/ui/marketing/marketing.css +2 -2
- package/dist/ui/progress/progress.css +4 -4
- package/dist/ui/radio/radio.css +5 -5
- package/dist/ui/segmented-control/segmented-control.css +5 -5
- package/dist/ui/select/select.css +6 -6
- package/dist/ui/slider/slider.css +4 -4
- package/dist/ui/styles/accent/amber.css +30 -0
- package/dist/ui/styles/accent/base.css +30 -0
- package/dist/ui/styles/accent/blue.css +30 -0
- package/dist/ui/styles/accent/bronze.css +30 -0
- package/dist/ui/styles/accent/brown.css +30 -0
- package/dist/ui/styles/accent/crimson.css +30 -0
- package/dist/ui/styles/accent/cyan.css +30 -0
- package/dist/ui/styles/accent/error.css +30 -0
- package/dist/ui/styles/accent/gold.css +30 -0
- package/dist/ui/styles/accent/grass.css +30 -0
- package/dist/ui/styles/accent/green.css +30 -0
- package/dist/ui/styles/accent/indigo.css +30 -0
- package/dist/ui/styles/accent/info.css +30 -0
- package/dist/ui/styles/accent/iris.css +30 -0
- package/dist/ui/styles/accent/jade.css +30 -0
- package/dist/ui/styles/accent/lime.css +30 -0
- package/dist/ui/styles/accent/mint.css +30 -0
- package/dist/ui/styles/accent/orange.css +30 -0
- package/dist/ui/styles/accent/pink.css +30 -0
- package/dist/ui/styles/accent/plum.css +30 -0
- package/dist/ui/styles/accent/purple.css +30 -0
- package/dist/ui/styles/accent/red.css +30 -0
- package/dist/ui/styles/accent/ruby.css +30 -0
- package/dist/ui/styles/accent/sky.css +30 -0
- package/dist/ui/styles/accent/success.css +30 -0
- package/dist/ui/styles/accent/teal.css +30 -0
- package/dist/ui/styles/accent/tomato.css +30 -0
- package/dist/ui/styles/accent/violet.css +30 -0
- package/dist/ui/styles/accent/warning.css +30 -0
- package/dist/ui/styles/accent/yellow.css +30 -0
- package/dist/ui/styles/base/neutral.css +30 -0
- package/dist/ui/styles/palette/neutral.css +127 -0
- package/dist/ui/styles/theme.css +25 -25
- package/dist/ui/switch/switch.css +7 -7
- package/dist/ui/text-input/text-input.css +10 -10
- package/dist/ui/toggle/toggle.css +7 -7
- package/dist/utilities/_observe.mjs +1 -1
- package/dist/utilities/active-element.mjs +1 -1
- package/dist/utilities/active-element.test.mjs +2 -2
- package/dist/utilities/async.mjs +1 -1
- package/dist/utilities/async.test.mjs +3 -3
- package/dist/utilities/context.mjs +1 -1
- package/dist/utilities/context.test.mjs +3 -3
- package/dist/utilities/debounced.mjs +1 -1
- package/dist/utilities/debounced.test.mjs +3 -3
- package/dist/utilities/dom-lifecycle.bench.mjs +1 -1
- package/dist/utilities/dom-lifecycle.mjs +1 -1
- package/dist/utilities/dom-lifecycle.test.mjs +2 -2
- package/dist/utilities/element-rect.mjs +1 -1
- package/dist/utilities/element-rect.test.mjs +3 -3
- package/dist/utilities/element-scroll.test.mjs +3 -3
- package/dist/utilities/event-driven.mjs +1 -1
- package/dist/utilities/event-listener.mjs +1 -1
- package/dist/utilities/event-listener.test.mjs +3 -3
- package/dist/utilities/focus-within.mjs +1 -1
- package/dist/utilities/focus-within.test.mjs +3 -3
- package/dist/utilities/hover.mjs +1 -1
- package/dist/utilities/hover.test.mjs +3 -3
- package/dist/utilities/intersection-observer.test.mjs +3 -3
- package/dist/utilities/interval.mjs +1 -1
- package/dist/utilities/interval.test.mjs +3 -3
- package/dist/utilities/location.mjs +1 -1
- package/dist/utilities/location.test.mjs +2 -2
- package/dist/utilities/long-press.test.mjs +3 -3
- package/dist/utilities/media-devices.mjs +1 -1
- package/dist/utilities/media-devices.test.mjs +3 -3
- package/dist/utilities/media-player.test.mjs +3 -3
- package/dist/utilities/media-query.mjs +1 -1
- package/dist/utilities/mutation-observer.test.mjs +3 -3
- package/dist/utilities/network.mjs +1 -1
- package/dist/utilities/network.test.mjs +2 -2
- package/dist/utilities/on-click-outside.test.mjs +3 -3
- package/dist/utilities/orientation.mjs +1 -1
- package/dist/utilities/previous.mjs +1 -1
- package/dist/utilities/previous.test.mjs +3 -3
- package/dist/utilities/promise.mjs +1 -1
- package/dist/utilities/promise.test.mjs +3 -3
- package/dist/utilities/retry.mjs +1 -1
- package/dist/utilities/retry.test.mjs +3 -3
- package/dist/utilities/routing.mjs +1 -1
- package/dist/utilities/routing.test.mjs +2 -2
- package/dist/utilities/search-params.test.mjs +3 -3
- package/dist/utilities/ssr.test.mjs +2 -2
- package/dist/utilities/storage.test.mjs +3 -3
- package/dist/utilities/throttled.mjs +1 -1
- package/dist/utilities/throttled.test.mjs +3 -3
- package/dist/utilities/timeout.mjs +1 -1
- package/dist/utilities/timeout.test.mjs +3 -3
- package/dist/utilities/window-focus.mjs +1 -1
- package/dist/utilities/window-size.mjs +1 -1
- package/dist/utilities/window-size.test.mjs +2 -2
- package/package.json +1 -1
- package/dist/ui/styles/base/gray.css +0 -30
- package/dist/ui/styles/colors/amber.css +0 -30
- package/dist/ui/styles/colors/base.css +0 -30
- package/dist/ui/styles/colors/blue.css +0 -30
- package/dist/ui/styles/colors/bronze.css +0 -30
- package/dist/ui/styles/colors/brown.css +0 -30
- package/dist/ui/styles/colors/crimson.css +0 -30
- package/dist/ui/styles/colors/cyan.css +0 -30
- package/dist/ui/styles/colors/error.css +0 -30
- package/dist/ui/styles/colors/gold.css +0 -30
- package/dist/ui/styles/colors/grass.css +0 -30
- package/dist/ui/styles/colors/green.css +0 -30
- package/dist/ui/styles/colors/indigo.css +0 -30
- package/dist/ui/styles/colors/info.css +0 -30
- package/dist/ui/styles/colors/iris.css +0 -30
- package/dist/ui/styles/colors/jade.css +0 -30
- package/dist/ui/styles/colors/lime.css +0 -30
- package/dist/ui/styles/colors/mint.css +0 -30
- package/dist/ui/styles/colors/orange.css +0 -30
- package/dist/ui/styles/colors/pink.css +0 -30
- package/dist/ui/styles/colors/plum.css +0 -30
- package/dist/ui/styles/colors/purple.css +0 -30
- package/dist/ui/styles/colors/red.css +0 -30
- package/dist/ui/styles/colors/ruby.css +0 -30
- package/dist/ui/styles/colors/sky.css +0 -30
- package/dist/ui/styles/colors/success.css +0 -30
- package/dist/ui/styles/colors/teal.css +0 -30
- package/dist/ui/styles/colors/tomato.css +0 -30
- package/dist/ui/styles/colors/violet.css +0 -30
- package/dist/ui/styles/colors/warning.css +0 -30
- package/dist/ui/styles/colors/yellow.css +0 -30
- package/dist/ui/styles/palette/gray.css +0 -127
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
import { online } from "./network.mjs";
|
|
4
4
|
//#region src/utilities/network.test.ts
|
|
5
5
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { onClickOutside } from "./on-click-outside.mjs";
|
|
6
6
|
//#region src/utilities/on-click-outside.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope, m as signal } from "../lib-
|
|
1
|
+
import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createPrevious } from "./previous.mjs";
|
|
6
6
|
//#region src/utilities/previous.test.ts
|
|
7
7
|
describe("createPrevious", () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { s as effect } from "../lib-
|
|
1
|
+
import { s as effect } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { ReactivePromise, promise } from "./promise.mjs";
|
|
6
6
|
//#region src/utilities/promise.test.ts
|
|
7
7
|
describe("ReactivePromise", () => {
|
package/dist/utilities/retry.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { p as onCleanup } from "../lib-
|
|
1
|
+
import { p as onCleanup } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { retry } from "./retry.mjs";
|
|
6
6
|
//#region src/utilities/retry.test.ts
|
|
7
7
|
describe("retry", () => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { f as it, l as describe, o as afterEach, s as beforeAll } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { f as it, l as describe, o as afterEach, s as beforeAll } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
import { isLocalNavigationEvent, match, matches, navigate, patchHistory } from "./routing.mjs";
|
|
4
4
|
//#region src/utilities/routing.test.ts
|
|
5
5
|
beforeAll(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createSearchParam } from "./search-params.mjs";
|
|
6
6
|
//#region src/utilities/search-params.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as test } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { p as test } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
//#region src/utilities/ssr.test.ts
|
|
4
4
|
// @vitest-environment node
|
|
5
5
|
test.each([
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createLocalStorage, createSessionStorage } from "./storage.mjs";
|
|
6
6
|
//#region src/utilities/storage.test.ts
|
|
7
7
|
describe("createLocalStorage", () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope, m as signal } from "../lib-
|
|
1
|
+
import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createThrottled } from "./throttled.mjs";
|
|
6
6
|
//#region src/utilities/throttled.test.ts
|
|
7
7
|
beforeEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createTimeout } from "./timeout.mjs";
|
|
6
6
|
//#region src/utilities/timeout.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
import { windowSize } from "./window-size.mjs";
|
|
4
4
|
//#region src/utilities/window-size.test.ts
|
|
5
5
|
describe("windowSize (singleton)", () => {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "elements-kit",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.17.0",
|
|
5
5
|
"description": "A lightweight reactive UI library that transforms native HTMLElements into reactive components with signals. Ideal for framework-agnostic applications and web components.",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"webcomponents",
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-base-color="gray"] {
|
|
2
|
-
--base-color-1: var(--gray-1);
|
|
3
|
-
--base-color-2: var(--gray-2);
|
|
4
|
-
--base-color-3: var(--gray-3);
|
|
5
|
-
--base-color-4: var(--gray-4);
|
|
6
|
-
--base-color-5: var(--gray-5);
|
|
7
|
-
--base-color-6: var(--gray-6);
|
|
8
|
-
--base-color-7: var(--gray-7);
|
|
9
|
-
--base-color-8: var(--gray-8);
|
|
10
|
-
--base-color-9: var(--gray-9);
|
|
11
|
-
--base-color-10: var(--gray-10);
|
|
12
|
-
--base-color-11: var(--gray-11);
|
|
13
|
-
--base-color-12: var(--gray-12);
|
|
14
|
-
--base-color-a1: var(--gray-a1);
|
|
15
|
-
--base-color-a2: var(--gray-a2);
|
|
16
|
-
--base-color-a3: var(--gray-a3);
|
|
17
|
-
--base-color-a4: var(--gray-a4);
|
|
18
|
-
--base-color-a5: var(--gray-a5);
|
|
19
|
-
--base-color-a6: var(--gray-a6);
|
|
20
|
-
--base-color-a7: var(--gray-a7);
|
|
21
|
-
--base-color-a8: var(--gray-a8);
|
|
22
|
-
--base-color-a9: var(--gray-a9);
|
|
23
|
-
--base-color-a10: var(--gray-a10);
|
|
24
|
-
--base-color-a11: var(--gray-a11);
|
|
25
|
-
--base-color-a12: var(--gray-a12);
|
|
26
|
-
--base-color-surface: var(--gray-surface);
|
|
27
|
-
--base-color-indicator: var(--gray-indicator);
|
|
28
|
-
--base-color-track: var(--gray-track);
|
|
29
|
-
--base-color-contrast: var(--gray-contrast);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="amber"] {
|
|
2
|
-
--color-1: var(--amber-1);
|
|
3
|
-
--color-2: var(--amber-2);
|
|
4
|
-
--color-3: var(--amber-3);
|
|
5
|
-
--color-4: var(--amber-4);
|
|
6
|
-
--color-5: var(--amber-5);
|
|
7
|
-
--color-6: var(--amber-6);
|
|
8
|
-
--color-7: var(--amber-7);
|
|
9
|
-
--color-8: var(--amber-8);
|
|
10
|
-
--color-9: var(--amber-9);
|
|
11
|
-
--color-10: var(--amber-10);
|
|
12
|
-
--color-11: var(--amber-11);
|
|
13
|
-
--color-12: var(--amber-12);
|
|
14
|
-
--color-a1: var(--amber-a1);
|
|
15
|
-
--color-a2: var(--amber-a2);
|
|
16
|
-
--color-a3: var(--amber-a3);
|
|
17
|
-
--color-a4: var(--amber-a4);
|
|
18
|
-
--color-a5: var(--amber-a5);
|
|
19
|
-
--color-a6: var(--amber-a6);
|
|
20
|
-
--color-a7: var(--amber-a7);
|
|
21
|
-
--color-a8: var(--amber-a8);
|
|
22
|
-
--color-a9: var(--amber-a9);
|
|
23
|
-
--color-a10: var(--amber-a10);
|
|
24
|
-
--color-a11: var(--amber-a11);
|
|
25
|
-
--color-a12: var(--amber-a12);
|
|
26
|
-
--accent-contrast: var(--amber-contrast);
|
|
27
|
-
--accent-surface: var(--amber-surface);
|
|
28
|
-
--accent-indicator: var(--amber-indicator);
|
|
29
|
-
--accent-track: var(--amber-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="base"] {
|
|
2
|
-
--color-1: var(--base-color-1);
|
|
3
|
-
--color-2: var(--base-color-2);
|
|
4
|
-
--color-3: var(--base-color-3);
|
|
5
|
-
--color-4: var(--base-color-4);
|
|
6
|
-
--color-5: var(--base-color-5);
|
|
7
|
-
--color-6: var(--base-color-6);
|
|
8
|
-
--color-7: var(--base-color-7);
|
|
9
|
-
--color-8: var(--base-color-8);
|
|
10
|
-
--color-9: var(--base-color-9);
|
|
11
|
-
--color-10: var(--base-color-10);
|
|
12
|
-
--color-11: var(--base-color-11);
|
|
13
|
-
--color-12: var(--base-color-12);
|
|
14
|
-
--color-a1: var(--base-color-a1);
|
|
15
|
-
--color-a2: var(--base-color-a2);
|
|
16
|
-
--color-a3: var(--base-color-a3);
|
|
17
|
-
--color-a4: var(--base-color-a4);
|
|
18
|
-
--color-a5: var(--base-color-a5);
|
|
19
|
-
--color-a6: var(--base-color-a6);
|
|
20
|
-
--color-a7: var(--base-color-a7);
|
|
21
|
-
--color-a8: var(--base-color-a8);
|
|
22
|
-
--color-a9: var(--base-color-a9);
|
|
23
|
-
--color-a10: var(--base-color-a10);
|
|
24
|
-
--color-a11: var(--base-color-a11);
|
|
25
|
-
--color-a12: var(--base-color-a12);
|
|
26
|
-
--accent-contrast: var(--base-color-contrast);
|
|
27
|
-
--accent-surface: var(--base-color-surface);
|
|
28
|
-
--accent-indicator: var(--base-color-indicator);
|
|
29
|
-
--accent-track: var(--base-color-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="blue"] {
|
|
2
|
-
--color-1: var(--blue-1);
|
|
3
|
-
--color-2: var(--blue-2);
|
|
4
|
-
--color-3: var(--blue-3);
|
|
5
|
-
--color-4: var(--blue-4);
|
|
6
|
-
--color-5: var(--blue-5);
|
|
7
|
-
--color-6: var(--blue-6);
|
|
8
|
-
--color-7: var(--blue-7);
|
|
9
|
-
--color-8: var(--blue-8);
|
|
10
|
-
--color-9: var(--blue-9);
|
|
11
|
-
--color-10: var(--blue-10);
|
|
12
|
-
--color-11: var(--blue-11);
|
|
13
|
-
--color-12: var(--blue-12);
|
|
14
|
-
--color-a1: var(--blue-a1);
|
|
15
|
-
--color-a2: var(--blue-a2);
|
|
16
|
-
--color-a3: var(--blue-a3);
|
|
17
|
-
--color-a4: var(--blue-a4);
|
|
18
|
-
--color-a5: var(--blue-a5);
|
|
19
|
-
--color-a6: var(--blue-a6);
|
|
20
|
-
--color-a7: var(--blue-a7);
|
|
21
|
-
--color-a8: var(--blue-a8);
|
|
22
|
-
--color-a9: var(--blue-a9);
|
|
23
|
-
--color-a10: var(--blue-a10);
|
|
24
|
-
--color-a11: var(--blue-a11);
|
|
25
|
-
--color-a12: var(--blue-a12);
|
|
26
|
-
--accent-contrast: var(--blue-contrast);
|
|
27
|
-
--accent-surface: var(--blue-surface);
|
|
28
|
-
--accent-indicator: var(--blue-indicator);
|
|
29
|
-
--accent-track: var(--blue-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="bronze"] {
|
|
2
|
-
--color-1: var(--bronze-1);
|
|
3
|
-
--color-2: var(--bronze-2);
|
|
4
|
-
--color-3: var(--bronze-3);
|
|
5
|
-
--color-4: var(--bronze-4);
|
|
6
|
-
--color-5: var(--bronze-5);
|
|
7
|
-
--color-6: var(--bronze-6);
|
|
8
|
-
--color-7: var(--bronze-7);
|
|
9
|
-
--color-8: var(--bronze-8);
|
|
10
|
-
--color-9: var(--bronze-9);
|
|
11
|
-
--color-10: var(--bronze-10);
|
|
12
|
-
--color-11: var(--bronze-11);
|
|
13
|
-
--color-12: var(--bronze-12);
|
|
14
|
-
--color-a1: var(--bronze-a1);
|
|
15
|
-
--color-a2: var(--bronze-a2);
|
|
16
|
-
--color-a3: var(--bronze-a3);
|
|
17
|
-
--color-a4: var(--bronze-a4);
|
|
18
|
-
--color-a5: var(--bronze-a5);
|
|
19
|
-
--color-a6: var(--bronze-a6);
|
|
20
|
-
--color-a7: var(--bronze-a7);
|
|
21
|
-
--color-a8: var(--bronze-a8);
|
|
22
|
-
--color-a9: var(--bronze-a9);
|
|
23
|
-
--color-a10: var(--bronze-a10);
|
|
24
|
-
--color-a11: var(--bronze-a11);
|
|
25
|
-
--color-a12: var(--bronze-a12);
|
|
26
|
-
--accent-contrast: var(--bronze-contrast);
|
|
27
|
-
--accent-surface: var(--bronze-surface);
|
|
28
|
-
--accent-indicator: var(--bronze-indicator);
|
|
29
|
-
--accent-track: var(--bronze-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="brown"] {
|
|
2
|
-
--color-1: var(--brown-1);
|
|
3
|
-
--color-2: var(--brown-2);
|
|
4
|
-
--color-3: var(--brown-3);
|
|
5
|
-
--color-4: var(--brown-4);
|
|
6
|
-
--color-5: var(--brown-5);
|
|
7
|
-
--color-6: var(--brown-6);
|
|
8
|
-
--color-7: var(--brown-7);
|
|
9
|
-
--color-8: var(--brown-8);
|
|
10
|
-
--color-9: var(--brown-9);
|
|
11
|
-
--color-10: var(--brown-10);
|
|
12
|
-
--color-11: var(--brown-11);
|
|
13
|
-
--color-12: var(--brown-12);
|
|
14
|
-
--color-a1: var(--brown-a1);
|
|
15
|
-
--color-a2: var(--brown-a2);
|
|
16
|
-
--color-a3: var(--brown-a3);
|
|
17
|
-
--color-a4: var(--brown-a4);
|
|
18
|
-
--color-a5: var(--brown-a5);
|
|
19
|
-
--color-a6: var(--brown-a6);
|
|
20
|
-
--color-a7: var(--brown-a7);
|
|
21
|
-
--color-a8: var(--brown-a8);
|
|
22
|
-
--color-a9: var(--brown-a9);
|
|
23
|
-
--color-a10: var(--brown-a10);
|
|
24
|
-
--color-a11: var(--brown-a11);
|
|
25
|
-
--color-a12: var(--brown-a12);
|
|
26
|
-
--accent-contrast: var(--brown-contrast);
|
|
27
|
-
--accent-surface: var(--brown-surface);
|
|
28
|
-
--accent-indicator: var(--brown-indicator);
|
|
29
|
-
--accent-track: var(--brown-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="crimson"] {
|
|
2
|
-
--color-1: var(--crimson-1);
|
|
3
|
-
--color-2: var(--crimson-2);
|
|
4
|
-
--color-3: var(--crimson-3);
|
|
5
|
-
--color-4: var(--crimson-4);
|
|
6
|
-
--color-5: var(--crimson-5);
|
|
7
|
-
--color-6: var(--crimson-6);
|
|
8
|
-
--color-7: var(--crimson-7);
|
|
9
|
-
--color-8: var(--crimson-8);
|
|
10
|
-
--color-9: var(--crimson-9);
|
|
11
|
-
--color-10: var(--crimson-10);
|
|
12
|
-
--color-11: var(--crimson-11);
|
|
13
|
-
--color-12: var(--crimson-12);
|
|
14
|
-
--color-a1: var(--crimson-a1);
|
|
15
|
-
--color-a2: var(--crimson-a2);
|
|
16
|
-
--color-a3: var(--crimson-a3);
|
|
17
|
-
--color-a4: var(--crimson-a4);
|
|
18
|
-
--color-a5: var(--crimson-a5);
|
|
19
|
-
--color-a6: var(--crimson-a6);
|
|
20
|
-
--color-a7: var(--crimson-a7);
|
|
21
|
-
--color-a8: var(--crimson-a8);
|
|
22
|
-
--color-a9: var(--crimson-a9);
|
|
23
|
-
--color-a10: var(--crimson-a10);
|
|
24
|
-
--color-a11: var(--crimson-a11);
|
|
25
|
-
--color-a12: var(--crimson-a12);
|
|
26
|
-
--accent-contrast: var(--crimson-contrast);
|
|
27
|
-
--accent-surface: var(--crimson-surface);
|
|
28
|
-
--accent-indicator: var(--crimson-indicator);
|
|
29
|
-
--accent-track: var(--crimson-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="cyan"] {
|
|
2
|
-
--color-1: var(--cyan-1);
|
|
3
|
-
--color-2: var(--cyan-2);
|
|
4
|
-
--color-3: var(--cyan-3);
|
|
5
|
-
--color-4: var(--cyan-4);
|
|
6
|
-
--color-5: var(--cyan-5);
|
|
7
|
-
--color-6: var(--cyan-6);
|
|
8
|
-
--color-7: var(--cyan-7);
|
|
9
|
-
--color-8: var(--cyan-8);
|
|
10
|
-
--color-9: var(--cyan-9);
|
|
11
|
-
--color-10: var(--cyan-10);
|
|
12
|
-
--color-11: var(--cyan-11);
|
|
13
|
-
--color-12: var(--cyan-12);
|
|
14
|
-
--color-a1: var(--cyan-a1);
|
|
15
|
-
--color-a2: var(--cyan-a2);
|
|
16
|
-
--color-a3: var(--cyan-a3);
|
|
17
|
-
--color-a4: var(--cyan-a4);
|
|
18
|
-
--color-a5: var(--cyan-a5);
|
|
19
|
-
--color-a6: var(--cyan-a6);
|
|
20
|
-
--color-a7: var(--cyan-a7);
|
|
21
|
-
--color-a8: var(--cyan-a8);
|
|
22
|
-
--color-a9: var(--cyan-a9);
|
|
23
|
-
--color-a10: var(--cyan-a10);
|
|
24
|
-
--color-a11: var(--cyan-a11);
|
|
25
|
-
--color-a12: var(--cyan-a12);
|
|
26
|
-
--accent-contrast: var(--cyan-contrast);
|
|
27
|
-
--accent-surface: var(--cyan-surface);
|
|
28
|
-
--accent-indicator: var(--cyan-indicator);
|
|
29
|
-
--accent-track: var(--cyan-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="error"] {
|
|
2
|
-
--color-1: var(--red-1);
|
|
3
|
-
--color-2: var(--red-2);
|
|
4
|
-
--color-3: var(--red-3);
|
|
5
|
-
--color-4: var(--red-4);
|
|
6
|
-
--color-5: var(--red-5);
|
|
7
|
-
--color-6: var(--red-6);
|
|
8
|
-
--color-7: var(--red-7);
|
|
9
|
-
--color-8: var(--red-8);
|
|
10
|
-
--color-9: var(--red-9);
|
|
11
|
-
--color-10: var(--red-10);
|
|
12
|
-
--color-11: var(--red-11);
|
|
13
|
-
--color-12: var(--red-12);
|
|
14
|
-
--color-a1: var(--red-a1);
|
|
15
|
-
--color-a2: var(--red-a2);
|
|
16
|
-
--color-a3: var(--red-a3);
|
|
17
|
-
--color-a4: var(--red-a4);
|
|
18
|
-
--color-a5: var(--red-a5);
|
|
19
|
-
--color-a6: var(--red-a6);
|
|
20
|
-
--color-a7: var(--red-a7);
|
|
21
|
-
--color-a8: var(--red-a8);
|
|
22
|
-
--color-a9: var(--red-a9);
|
|
23
|
-
--color-a10: var(--red-a10);
|
|
24
|
-
--color-a11: var(--red-a11);
|
|
25
|
-
--color-a12: var(--red-a12);
|
|
26
|
-
--accent-contrast: var(--red-contrast);
|
|
27
|
-
--accent-surface: var(--red-surface);
|
|
28
|
-
--accent-indicator: var(--red-indicator);
|
|
29
|
-
--accent-track: var(--red-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="gold"] {
|
|
2
|
-
--color-1: var(--gold-1);
|
|
3
|
-
--color-2: var(--gold-2);
|
|
4
|
-
--color-3: var(--gold-3);
|
|
5
|
-
--color-4: var(--gold-4);
|
|
6
|
-
--color-5: var(--gold-5);
|
|
7
|
-
--color-6: var(--gold-6);
|
|
8
|
-
--color-7: var(--gold-7);
|
|
9
|
-
--color-8: var(--gold-8);
|
|
10
|
-
--color-9: var(--gold-9);
|
|
11
|
-
--color-10: var(--gold-10);
|
|
12
|
-
--color-11: var(--gold-11);
|
|
13
|
-
--color-12: var(--gold-12);
|
|
14
|
-
--color-a1: var(--gold-a1);
|
|
15
|
-
--color-a2: var(--gold-a2);
|
|
16
|
-
--color-a3: var(--gold-a3);
|
|
17
|
-
--color-a4: var(--gold-a4);
|
|
18
|
-
--color-a5: var(--gold-a5);
|
|
19
|
-
--color-a6: var(--gold-a6);
|
|
20
|
-
--color-a7: var(--gold-a7);
|
|
21
|
-
--color-a8: var(--gold-a8);
|
|
22
|
-
--color-a9: var(--gold-a9);
|
|
23
|
-
--color-a10: var(--gold-a10);
|
|
24
|
-
--color-a11: var(--gold-a11);
|
|
25
|
-
--color-a12: var(--gold-a12);
|
|
26
|
-
--accent-contrast: var(--gold-contrast);
|
|
27
|
-
--accent-surface: var(--gold-surface);
|
|
28
|
-
--accent-indicator: var(--gold-indicator);
|
|
29
|
-
--accent-track: var(--gold-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="grass"] {
|
|
2
|
-
--color-1: var(--grass-1);
|
|
3
|
-
--color-2: var(--grass-2);
|
|
4
|
-
--color-3: var(--grass-3);
|
|
5
|
-
--color-4: var(--grass-4);
|
|
6
|
-
--color-5: var(--grass-5);
|
|
7
|
-
--color-6: var(--grass-6);
|
|
8
|
-
--color-7: var(--grass-7);
|
|
9
|
-
--color-8: var(--grass-8);
|
|
10
|
-
--color-9: var(--grass-9);
|
|
11
|
-
--color-10: var(--grass-10);
|
|
12
|
-
--color-11: var(--grass-11);
|
|
13
|
-
--color-12: var(--grass-12);
|
|
14
|
-
--color-a1: var(--grass-a1);
|
|
15
|
-
--color-a2: var(--grass-a2);
|
|
16
|
-
--color-a3: var(--grass-a3);
|
|
17
|
-
--color-a4: var(--grass-a4);
|
|
18
|
-
--color-a5: var(--grass-a5);
|
|
19
|
-
--color-a6: var(--grass-a6);
|
|
20
|
-
--color-a7: var(--grass-a7);
|
|
21
|
-
--color-a8: var(--grass-a8);
|
|
22
|
-
--color-a9: var(--grass-a9);
|
|
23
|
-
--color-a10: var(--grass-a10);
|
|
24
|
-
--color-a11: var(--grass-a11);
|
|
25
|
-
--color-a12: var(--grass-a12);
|
|
26
|
-
--accent-contrast: var(--grass-contrast);
|
|
27
|
-
--accent-surface: var(--grass-surface);
|
|
28
|
-
--accent-indicator: var(--grass-indicator);
|
|
29
|
-
--accent-track: var(--grass-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="green"] {
|
|
2
|
-
--color-1: var(--green-1);
|
|
3
|
-
--color-2: var(--green-2);
|
|
4
|
-
--color-3: var(--green-3);
|
|
5
|
-
--color-4: var(--green-4);
|
|
6
|
-
--color-5: var(--green-5);
|
|
7
|
-
--color-6: var(--green-6);
|
|
8
|
-
--color-7: var(--green-7);
|
|
9
|
-
--color-8: var(--green-8);
|
|
10
|
-
--color-9: var(--green-9);
|
|
11
|
-
--color-10: var(--green-10);
|
|
12
|
-
--color-11: var(--green-11);
|
|
13
|
-
--color-12: var(--green-12);
|
|
14
|
-
--color-a1: var(--green-a1);
|
|
15
|
-
--color-a2: var(--green-a2);
|
|
16
|
-
--color-a3: var(--green-a3);
|
|
17
|
-
--color-a4: var(--green-a4);
|
|
18
|
-
--color-a5: var(--green-a5);
|
|
19
|
-
--color-a6: var(--green-a6);
|
|
20
|
-
--color-a7: var(--green-a7);
|
|
21
|
-
--color-a8: var(--green-a8);
|
|
22
|
-
--color-a9: var(--green-a9);
|
|
23
|
-
--color-a10: var(--green-a10);
|
|
24
|
-
--color-a11: var(--green-a11);
|
|
25
|
-
--color-a12: var(--green-a12);
|
|
26
|
-
--accent-contrast: var(--green-contrast);
|
|
27
|
-
--accent-surface: var(--green-surface);
|
|
28
|
-
--accent-indicator: var(--green-indicator);
|
|
29
|
-
--accent-track: var(--green-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="indigo"] {
|
|
2
|
-
--color-1: var(--indigo-1);
|
|
3
|
-
--color-2: var(--indigo-2);
|
|
4
|
-
--color-3: var(--indigo-3);
|
|
5
|
-
--color-4: var(--indigo-4);
|
|
6
|
-
--color-5: var(--indigo-5);
|
|
7
|
-
--color-6: var(--indigo-6);
|
|
8
|
-
--color-7: var(--indigo-7);
|
|
9
|
-
--color-8: var(--indigo-8);
|
|
10
|
-
--color-9: var(--indigo-9);
|
|
11
|
-
--color-10: var(--indigo-10);
|
|
12
|
-
--color-11: var(--indigo-11);
|
|
13
|
-
--color-12: var(--indigo-12);
|
|
14
|
-
--color-a1: var(--indigo-a1);
|
|
15
|
-
--color-a2: var(--indigo-a2);
|
|
16
|
-
--color-a3: var(--indigo-a3);
|
|
17
|
-
--color-a4: var(--indigo-a4);
|
|
18
|
-
--color-a5: var(--indigo-a5);
|
|
19
|
-
--color-a6: var(--indigo-a6);
|
|
20
|
-
--color-a7: var(--indigo-a7);
|
|
21
|
-
--color-a8: var(--indigo-a8);
|
|
22
|
-
--color-a9: var(--indigo-a9);
|
|
23
|
-
--color-a10: var(--indigo-a10);
|
|
24
|
-
--color-a11: var(--indigo-a11);
|
|
25
|
-
--color-a12: var(--indigo-a12);
|
|
26
|
-
--accent-contrast: var(--indigo-contrast);
|
|
27
|
-
--accent-surface: var(--indigo-surface);
|
|
28
|
-
--accent-indicator: var(--indigo-indicator);
|
|
29
|
-
--accent-track: var(--indigo-track);
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-color="info"] {
|
|
2
|
-
--color-1: var(--sky-1);
|
|
3
|
-
--color-2: var(--sky-2);
|
|
4
|
-
--color-3: var(--sky-3);
|
|
5
|
-
--color-4: var(--sky-4);
|
|
6
|
-
--color-5: var(--sky-5);
|
|
7
|
-
--color-6: var(--sky-6);
|
|
8
|
-
--color-7: var(--sky-7);
|
|
9
|
-
--color-8: var(--sky-8);
|
|
10
|
-
--color-9: var(--sky-9);
|
|
11
|
-
--color-10: var(--sky-10);
|
|
12
|
-
--color-11: var(--sky-11);
|
|
13
|
-
--color-12: var(--sky-12);
|
|
14
|
-
--color-a1: var(--sky-a1);
|
|
15
|
-
--color-a2: var(--sky-a2);
|
|
16
|
-
--color-a3: var(--sky-a3);
|
|
17
|
-
--color-a4: var(--sky-a4);
|
|
18
|
-
--color-a5: var(--sky-a5);
|
|
19
|
-
--color-a6: var(--sky-a6);
|
|
20
|
-
--color-a7: var(--sky-a7);
|
|
21
|
-
--color-a8: var(--sky-a8);
|
|
22
|
-
--color-a9: var(--sky-a9);
|
|
23
|
-
--color-a10: var(--sky-a10);
|
|
24
|
-
--color-a11: var(--sky-a11);
|
|
25
|
-
--color-a12: var(--sky-a12);
|
|
26
|
-
--accent-contrast: var(--sky-contrast);
|
|
27
|
-
--accent-surface: var(--sky-surface);
|
|
28
|
-
--accent-indicator: var(--sky-indicator);
|
|
29
|
-
--accent-track: var(--sky-track);
|
|
30
|
-
}
|