@zonos/amino 5.1.118 → 5.1.120

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 (3) hide show
  1. package/package.json +1 -1
  2. package/styles/constants/theme.d.ts +6 -6
  3. package/theme.css +31 -28
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zonos/amino",
3
- "version": "5.1.118",
3
+ "version": "5.1.120",
4
4
  "description": "Core UI components for Amino",
5
5
  "repository": "git@github.com:Zonos/amino.git",
6
6
  "license": "MIT",
package/styles/constants/theme.d.ts CHANGED
@@ -185,17 +185,17 @@ export declare const theme: {
185
185
  readonly transparentBlack: "var(--amino-transparent-black)";
186
186
  /** @info #6A6D771F */
187
187
  readonly transparentGray600: "var(--amino-transparent-gray-600)";
188
- /** @info 0px 0px 0px 1px rgba(110, 110, 120, 0.1), 0px 1px 2px rgba(10, 10, 11, 0.06), 0px 1px 3px rgba(10, 10, 11, 0.1) */
188
+ /** @info 0px 1px 3px 0px rgba(10, 10, 11, 0.1), 0px 1px 2px rgba(10, 10, 11, 0.06), 0px 0px 0px 1px rgba(110, 110, 120, 0.1) */
189
189
  readonly v3ShadowBase: "var(--amino-v3-shadow-base)";
190
- /** @info 0px 0px 0px 1px rgba(110, 110, 120, 0.1), 0px 4px 6px rgba(10, 10, 11, 0.1), 0px 2px 4px rgba(10, 10, 11, 0.06) */
190
+ /** @info 0px 2px 4px 0px rgba(10, 10, 11, 0.06), 0px 4px 6px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1) */
191
191
  readonly v3ShadowMedium: "var(--amino-v3-shadow-medium)";
192
- /** @info 0px 0px 0px 1px rgba(110, 110, 120, 0.1), 0px 10px 15px rgba(10, 10, 11, 0.1), 0px 4px 6px rgba(10, 10, 11, 0.05) */
192
+ /** @info 0px 4px 6px 0px rgba(10, 10, 11, 0.05), 0px 10px 15px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1) */
193
193
  readonly v3ShadowLarge: "var(--amino-v3-shadow-large)";
194
- /** @info 0px 0px 0px 1px rgba(110, 110, 120, 0.1), 0px 20px 25px rgba(10, 10, 11, 0.1), 0px 10px 10px rgba(12, 12, 13, 0.04) */
194
+ /** @info 0px 10px 10px 0px rgba(12, 12, 13, 0.04), 0px 20px 25px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1) */
195
195
  readonly v3ShadowXl: "var(--amino-v3-shadow-xl)";
196
- /** @info 0px 0px 0px 1px rgba(110, 110, 120, 0.1), 0px 32px 50px rgba(10, 10, 11, 0.24) */
196
+ /** @info 0px 32px 50px 0px rgba(10, 10, 11, 0.24), 0px 0px 0px 1px rgba(110, 110, 120, 0.1) */
197
197
  readonly v3ShadowXxl: "var(--amino-v3-shadow-xxl)";
198
- /** @info 0px 1px 0px #FFFFFF, 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06), inset 0px 0px 8px rgba(0, 0, 0, 0.02) */
198
+ /** @info 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 1px 0px 0px rgba(255, 255, 255, 1), inset 0px 0px 8px rgba(0, 0, 0, 0.02), inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06), inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04) */
199
199
  readonly v3ShadowInset: "var(--amino-v3-shadow-inset)";
200
200
  /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(68, 94, 238, 0.40) */
201
201
  readonly shadowButtonPrimary: "var(--amino-shadow-button-primary)";
package/theme.css CHANGED
@@ -94,20 +94,23 @@
94
94
  --amino-transparent-white: #ffffffbb;
95
95
  --amino-transparent-black: #101116bb;
96
96
  --amino-transparent-gray-600: #6a6d771f;
97
- --amino-v3-shadow-base: 0px 0px 0px 1px rgba(110, 110, 120, 0.1),
98
- 0px 1px 2px rgba(10, 10, 11, 0.06), 0px 1px 3px rgba(10, 10, 11, 0.1);
99
- --amino-v3-shadow-medium: 0px 0px 0px 1px rgba(110, 110, 120, 0.1),
100
- 0px 4px 6px rgba(10, 10, 11, 0.1), 0px 2px 4px rgba(10, 10, 11, 0.06);
101
- --amino-v3-shadow-large: 0px 0px 0px 1px rgba(110, 110, 120, 0.1),
102
- 0px 10px 15px rgba(10, 10, 11, 0.1), 0px 4px 6px rgba(10, 10, 11, 0.05);
103
- --amino-v3-shadow-xl: 0px 0px 0px 1px rgba(110, 110, 120, 0.1),
104
- 0px 20px 25px rgba(10, 10, 11, 0.1), 0px 10px 10px rgba(12, 12, 13, 0.04);
105
- --amino-v3-shadow-xxl: 0px 0px 0px 1px rgba(110, 110, 120, 0.1),
106
- 0px 32px 50px rgba(10, 10, 11, 0.24);
107
- --amino-v3-shadow-inset: 0px 1px 0px #ffffff, 0px 2px 4px rgba(0, 0, 0, 0.04),
108
- inset 0px 1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 4px rgba(0, 0, 0, 0.04),
97
+ --amino-v3-shadow-base: 0px 1px 3px 0px rgba(10, 10, 11, 0.1),
98
+ 0px 1px 2px rgba(10, 10, 11, 0.06), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);
99
+ --amino-v3-shadow-medium: 0px 2px 4px 0px rgba(10, 10, 11, 0.06),
100
+ 0px 4px 6px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);
101
+ --amino-v3-shadow-large: 0px 4px 6px 0px rgba(10, 10, 11, 0.05),
102
+ 0px 10px 15px rgba(10, 10, 11, 0.1),
103
+ 0px 0px 0px 1px rgba(110, 110, 120, 0.1);
104
+ --amino-v3-shadow-xl: 0px 10px 10px 0px rgba(12, 12, 13, 0.04),
105
+ 0px 20px 25px rgba(10, 10, 11, 0.1),
106
+ 0px 0px 0px 1px rgba(110, 110, 120, 0.1);
107
+ --amino-v3-shadow-xxl: 0px 32px 50px 0px rgba(10, 10, 11, 0.24),
108
+ 0px 0px 0px 1px rgba(110, 110, 120, 0.1);
109
+ --amino-v3-shadow-inset: 0px 2px 4px rgba(0, 0, 0, 0.04),
110
+ 0px 1px 0px 0px rgba(255, 255, 255, 1),
111
+ inset 0px 0px 8px rgba(0, 0, 0, 0.02),
109
112
  inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),
110
- inset 0px 0px 8px rgba(0, 0, 0, 0.02);
113
+ inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04);
111
114
  --amino-shadow-button-primary: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
112
115
  0px 1px 3px 0px rgba(68, 94, 238, 0.4);
113
116
  --amino-shadow-button-success: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
@@ -380,22 +383,22 @@
380
383
  --amino-transparent-white: #101116bb;
381
384
  --amino-transparent-black: #ffffffbb;
382
385
  --amino-transparent-gray-600: #94969e1f;
383
- --amino-v3-shadow-base: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
384
- 0px 1px 3px rgba(0, 0, 0, 0.9), 0px 1px 2px rgba(0, 0, 0, 0.8);
385
- --amino-v3-shadow-medium: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
386
- 0px 4px 6px rgba(0, 0, 0, 0.9), 0px 2px 4px rgba(0, 0, 0, 0.8);
387
- --amino-v3-shadow-large: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
388
- 0px 10px 15px rgba(0, 0, 0, 0.9), 0px 4px 6px rgba(0, 0, 0, 0.8);
389
- --amino-v3-shadow-xl: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
390
- 0px 20px 25px rgba(0, 0, 0, 0.9), 0px 10px 10px rgba(0, 0, 0, 0.8);
391
- --amino-v3-shadow-xxl: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
392
- 0px 32px 50px rgba(0, 0, 0, 0.96);
393
- --amino-v3-shadow-inset: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
394
- 0px 0px 6px rgba(255, 255, 255, 0.08), 0px 1px 0px #111114,
395
- 0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),
396
- inset 0px 2px 4px rgba(0, 0, 0, 0.24),
386
+ --amino-v3-shadow-base: 0px 1px 4px 0px rgba(0, 0, 0, 0.7),
387
+ 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
388
+ --amino-v3-shadow-medium: 0px 2px 4px 0px rgba(0, 0, 0, 0.6),
389
+ 0px 4px 6px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
390
+ --amino-v3-shadow-large: 0px 4px 6px 0px rgba(0, 0, 0, 0.6),
391
+ 0px 10px 15px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
392
+ --amino-v3-shadow-xl: 0px 10px 10px 0px rgba(0, 0, 0, 0.6),
393
+ 0px 20px 25px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
394
+ --amino-v3-shadow-xxl: 0px 32px 50px 0px rgba(0, 0, 0, 0.7),
395
+ 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
396
+ --amino-v3-shadow-inset: 0px 2px 4px rgba(0, 0, 0, 0.24),
397
+ 0px 1px 0px rgba(17, 17, 20, 1), inset 0px 0px 8px rgba(0, 0, 0, 0.16),
397
398
  inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),
398
- inset 0px 0px 8px rgba(0, 0, 0, 0.16);
399
+ inset 0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),
400
+ 0px 0px 6px rgba(255, 255, 255, 0.08),
401
+ 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
399
402
  --amino-shadow-button-primary: 0px 0px 0px 1px #000,
400
403
  0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
401
404
  0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,