tide-design-system 2.0.11 → 2.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.
- package/README.md +3 -3
- package/dist/css/realm/rv.css +16 -19
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -8,6 +8,6 @@ TIDE (**T**rader **I**nteractive **D**esign and **E**ngineering) is a design sys
|
|
|
8
8
|
|
|
9
9
|
## Guides
|
|
10
10
|
|
|
11
|
-
- [Storybook](
|
|
12
|
-
- [Integration](
|
|
13
|
-
- [Development](
|
|
11
|
+
- [Storybook](./src/docs/storybook.md): Explore TIDE utilities and components via the Storybook UI.
|
|
12
|
+
- [Integration](./src/docs/integration.md): Leverage TIDE as a dependency from the NPM Registry.
|
|
13
|
+
- [Development](./src/docs/development.md): Contribute to TIDE (TIDE Task Force only).
|
package/dist/css/realm/rv.css
CHANGED
|
@@ -5,23 +5,6 @@
|
|
|
5
5
|
--tide-teal: #8ADCB9;
|
|
6
6
|
--tide-yellow: #F2B203;
|
|
7
7
|
|
|
8
|
-
--tide-gradient:
|
|
9
|
-
radial-gradient(
|
|
10
|
-
57.27% 60.26% at 100% 103.53%,
|
|
11
|
-
color(display-p3 0.949 0.698 0.0118 / 0.22) 0%,
|
|
12
|
-
color(display-p3 0.949 0.698 0.0118 / 0.00) 100%
|
|
13
|
-
),
|
|
14
|
-
radial-gradient(
|
|
15
|
-
157.36% 151.94% at 19.69% -3.53%,
|
|
16
|
-
color(display-p3 0.749 0.851 0.8039) 28.37%,
|
|
17
|
-
color(display-p3 0.749 0.851 0.8039 / 0.00) 100%
|
|
18
|
-
),
|
|
19
|
-
radial-gradient(
|
|
20
|
-
41.93% 63.48% at -2.12% 103.9%,
|
|
21
|
-
color(display-p3 0.7725 0.9294 0.8627 / 0.72) 0%,
|
|
22
|
-
color(display-p3 0.7725 0.9294 0.8627 / 0.00) 100%
|
|
23
|
-
);
|
|
24
|
-
|
|
25
8
|
--tide-floating: rgba(255, 255, 255, 0);
|
|
26
9
|
|
|
27
10
|
/* Color Roles: Each realm will assign values to this same series of variables from a combination of the Global and Realm-specific Palettes. */
|
|
@@ -32,12 +15,26 @@
|
|
|
32
15
|
--tide-on-secondary: var(--tide-gray-100);
|
|
33
16
|
|
|
34
17
|
--tide-surface: var(--tide-gray-100);
|
|
35
|
-
--tide-surface-variant: var(--tide-gray-200);
|
|
36
18
|
--tide-surface-brand: var(--tide-green);
|
|
37
19
|
--tide-surface-accent: var(--tide-yellow);
|
|
38
20
|
--tide-surface-accent-variant: var(--tide-teal);
|
|
39
|
-
--tide-surface-
|
|
21
|
+
--tide-surface-variant: var(--tide-gray-200);
|
|
40
22
|
--tide-surface-floating: var(--tide-floating);
|
|
23
|
+
--tide-surface-gradient:
|
|
24
|
+
radial-gradient(
|
|
25
|
+
60.04% 38.7% at -2.12% 103.9%,
|
|
26
|
+
color-mix(in srgb, var(--tide-surface-accent-variant) 72%, transparent) 0%,
|
|
27
|
+
color-mix(in srgb, var(--tide-surface-accent-variant) 0%, transparent) 100%
|
|
28
|
+
),
|
|
29
|
+
radial-gradient(
|
|
30
|
+
154.63% 148.88% at 19.69% -3.53%, #B8DACC 28.37%,
|
|
31
|
+
color-mix(in srgb, var(--tide-surface-brand) 0%, transparent) 100%
|
|
32
|
+
),
|
|
33
|
+
radial-gradient(
|
|
34
|
+
50% 46.35% at 100% 103.53%,
|
|
35
|
+
color-mix(in srgb, var(--tide-surface-accent) 22%, transparent) 0%,
|
|
36
|
+
color-mix(in srgb, var(--tide-surface-accent) 0%, transparent) 100%
|
|
37
|
+
);
|
|
41
38
|
|
|
42
39
|
--tide-on-surface: var(--tide-gray-900);
|
|
43
40
|
--tide-on-surface-variant: var(--tide-gray-700);
|
package/package.json
CHANGED