@rebilly/revel 12.32.2 → 12.33.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.
Files changed (7) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/dist/components/r-icon/r-icon-sprites.d.ts +1 -0
  3. package/dist/revel.mjs +741 -664
  4. package/dist/revel.umd.js +5 -5
  5. package/dist/style.css +1 -1
  6. package/dist/styles/tokens.d.ts +132 -56
  7. package/package.json +1 -1
package/dist/styles/tokens.d.ts CHANGED
@@ -3,8 +3,8 @@
3
3
  */
4
4
  export declare const RBorderRadius1 = "0.125rem";
5
5
  export declare const RBorderRadius2 = "0.25rem";
6
- export declare const RBorderRadius3 = "0.5rem";
7
- export declare const RBorderRadius25 = "0.375rem";
6
+ export declare const RBorderRadius3 = "0.375rem";
7
+ export declare const RBorderRadius4 = "0.5rem";
8
8
  export declare const RBorderRadiusPill = "624.9375rem";
9
9
  export declare const RBorderRadiusCircle = "50%";
10
10
  export declare const RBreakpointsXs = "576px";
@@ -12,55 +12,131 @@ export declare const RBreakpointsS = "768px";
12
12
  export declare const RBreakpointsM = "1040px";
13
13
  export declare const RBreakpointsL = "1200px";
14
14
  export declare const RBreakpointsXl = "1400px";
15
- export declare const RMono0 = "#FFFFFF";
16
- export declare const RMono100 = "#000000";
17
- export declare const RBackground = "#F5F5F5";
18
- export declare const RBackgroundHover = "#E0E0E0";
19
- export declare const RSurface = "#FFFFFF";
20
- export declare const RSurfaceSecondary = "#F9F9F9";
21
- export declare const RSurfaceTertiary = "#F5F5F5";
22
- export declare const RSurfaceHover = "#F5F5F5";
23
- export declare const RSurfaceSuccess = "#DDF5E0";
24
- export declare const RSurfaceSuccessMuted = "#F2FBF2";
25
- export declare const RSurfaceWarning = "#FCF0BF";
26
- export declare const RSurfaceWarningMuted = "#FDF9E5";
27
- export declare const RSurfaceDanger = "#FBE1E1";
28
- export declare const RSurfaceDangerMuted = "#FDF3F3";
29
- export declare const RSurfaceInfo = "#E1E9FA";
30
- export declare const RSurfaceInfoMuted = "#F3F6FD";
31
- export declare const RSurfaceDark = "#4C5361";
32
- export declare const RSurfaceDarkHover = "#414753";
15
+ export declare const RColorNeutral0 = "#FFFFFF";
16
+ export declare const RColorNeutral50 = "#F8FAFC";
17
+ export declare const RColorNeutral100 = "#F1F5F9";
18
+ export declare const RColorNeutral150 = "#E8EDF4";
19
+ export declare const RColorNeutral200 = "#E0E6EF";
20
+ export declare const RColorNeutral250 = "#D7DEE8";
21
+ export declare const RColorNeutral300 = "#CBD5E1";
22
+ export declare const RColorNeutral350 = "#AFBCCC";
23
+ export declare const RColorNeutral400 = "#94A3B8";
24
+ export declare const RColorNeutral500 = "#64748B";
25
+ export declare const RColorNeutral600 = "#475569";
26
+ export declare const RColorNeutral650 = "#3D4A5F";
27
+ export declare const RColorNeutral700 = "#334155";
28
+ export declare const RColorNeutral750 = "#28344A";
29
+ export declare const RColorNeutral800 = "#182137";
30
+ export declare const RColorNeutral850 = "#0F172A";
31
+ export declare const RColorNeutral900 = "#020617";
32
+ export declare const RColorPrimary50 = "#E6ECFB";
33
+ export declare const RColorPrimary100 = "#CCD9F7";
34
+ export declare const RColorPrimary200 = "#99B3EF";
35
+ export declare const RColorPrimary300 = "#668CE7";
36
+ export declare const RColorPrimary400 = "#3366DF";
37
+ export declare const RColorPrimary500 = "#0044D4";
38
+ export declare const RColorPrimary600 = "#0036AA";
39
+ export declare const RColorPrimary700 = "#00297F";
40
+ export declare const RColorPrimary800 = "#001B55";
41
+ export declare const RColorPrimary900 = "#000D2A";
42
+ export declare const RColorSuccess50 = "#F0FDF4";
43
+ export declare const RColorSuccess100 = "#DCFCE7";
44
+ export declare const RColorSuccess200 = "#BBF7D0";
45
+ export declare const RColorSuccess300 = "#86EFAC";
46
+ export declare const RColorSuccess400 = "#4ADE80";
47
+ export declare const RColorSuccess500 = "#22C55E";
48
+ export declare const RColorSuccess600 = "#16A34A";
49
+ export declare const RColorSuccess700 = "#15803D";
50
+ export declare const RColorSuccess800 = "#166534";
51
+ export declare const RColorSuccess900 = "#052E16";
52
+ export declare const RColorWarning50 = "#FFFBEB";
53
+ export declare const RColorWarning100 = "#FEF3C7";
54
+ export declare const RColorWarning200 = "#FDE68A";
55
+ export declare const RColorWarning300 = "#FCD34D";
56
+ export declare const RColorWarning400 = "#FBBF24";
57
+ export declare const RColorWarning500 = "#F59E0B";
58
+ export declare const RColorWarning600 = "#D97706";
59
+ export declare const RColorWarning700 = "#B45309";
60
+ export declare const RColorWarning800 = "#92400E";
61
+ export declare const RColorWarning900 = "#451A03";
62
+ export declare const RColorDanger50 = "#FEF2F2";
63
+ export declare const RColorDanger100 = "#FEE2E2";
64
+ export declare const RColorDanger200 = "#FECACA";
65
+ export declare const RColorDanger300 = "#FCA5A5";
66
+ export declare const RColorDanger400 = "#F87171";
67
+ export declare const RColorDanger500 = "#EF4444";
68
+ export declare const RColorDanger600 = "#DC2626";
69
+ export declare const RColorDanger700 = "#B91C1C";
70
+ export declare const RColorDanger800 = "#991B1B";
71
+ export declare const RColorDanger900 = "#450A0A";
72
+ export declare const RColorInfo50 = "#F0F9FF";
73
+ export declare const RColorInfo100 = "#E0F2FE";
74
+ export declare const RColorInfo200 = "#BAE6FD";
75
+ export declare const RColorInfo300 = "#7DD3FC";
76
+ export declare const RColorInfo400 = "#38BDF8";
77
+ export declare const RColorInfo500 = "#0EA5E9";
78
+ export declare const RColorInfo600 = "#0284C7";
79
+ export declare const RColorInfo700 = "#0369A1";
80
+ export declare const RColorInfo800 = "#075985";
81
+ export declare const RColorInfo900 = "#082F49";
33
82
  export declare const RPrimary = "#0044D4";
34
- export declare const RPrimaryHover = "#093AA5";
35
- export declare const RComplementarySuccess = "#22BC32";
36
- export declare const RComplementarySuccessHover = "#1EA02B";
37
- export declare const RComplementarySuccessDark = "#0C4112";
38
- export declare const RComplementaryWarning = "#F1C400";
39
- export declare const RComplementaryWarningHover = "#CDA700";
40
- export declare const RComplementaryWarningDark = "#544400";
41
- export declare const RComplementaryDanger = "#E53935";
42
- export declare const RComplementaryDangerHover = "#C3302D";
43
- export declare const RComplementaryDangerDark = "#501412";
44
- export declare const RComplementaryInfo = "#3B6EDE";
45
- export declare const RComplementaryInfoHover = "#325DBD";
46
- export declare const RComplementaryInfoDark = "#182C59";
47
- export declare const RBorder = "#DDDDDD";
48
- export declare const RBorderMuted = "#E8E8E8";
49
- export declare const RBorderStrong = "#C9C9C9";
50
- export declare const RBorderStrongHover = "#9E9E9E";
51
- export declare const RBorderSuccess = "#6FD37A";
52
- export declare const RBorderWarning = "#F2CA1A";
53
- export declare const RBorderDanger = "#E6423F";
54
- export declare const RBorderInfo = "#7FA0E9";
55
- export declare const RBorderDark = "#363A44";
56
- export declare const RIcon = "#484848";
57
- export declare const RIconHover = "#232323";
58
- export declare const RIconOnSurface = "#FFFFFF";
59
- export declare const RText = "#1a1a1a";
60
- export declare const RTextOnSurface = "#FFFFFF";
61
- export declare const RTextMuted = "#5f5f5f";
62
- export declare const ROverlay = "#1A1A1A66";
63
- export declare const RFocus = "#3D79FC";
83
+ export declare const RPrimaryHover = "#0036AA";
84
+ export declare const RPrimaryMuted = "#E6ECFB";
85
+ export declare const RBackground = "#F1F5F9";
86
+ export declare const RBackgroundHover = "#E0E6EF";
87
+ export declare const RSurface = "#FFFFFF";
88
+ export declare const RSurfaceHover = "#F1F5F9";
89
+ export declare const RSurfaceSelected = "#E8EDF4";
90
+ export declare const RSurfaceSunken = "#F8FAFC";
91
+ export declare const RSurfaceSunkenHover = "#E8EDF4";
92
+ export declare const RSurfaceSunkenSelected = "#E0E6EF";
93
+ export declare const RSurfaceDisabled = "#F1F5F9";
94
+ export declare const RSurfaceInverse = "#182137";
95
+ export declare const RSurfaceSuccess = "#15803D";
96
+ export declare const RSurfaceSuccessHover = "#166534";
97
+ export declare const RSurfaceSuccessMuted = "#DCFCE7";
98
+ export declare const RSurfaceWarning = "#B45309";
99
+ export declare const RSurfaceWarningHover = "#92400E";
100
+ export declare const RSurfaceWarningMuted = "#FEF3C7";
101
+ export declare const RSurfaceDanger = "#DC2626";
102
+ export declare const RSurfaceDangerHover = "#B91C1C";
103
+ export declare const RSurfaceDangerMuted = "#FEE2E2";
104
+ export declare const RSurfaceInfo = "#0369A1";
105
+ export declare const RSurfaceInfoHover = "#075985";
106
+ export declare const RSurfaceInfoMuted = "#E0F2FE";
107
+ export declare const RText = "#182137";
108
+ export declare const RTextMuted = "#475569";
109
+ export declare const RTextDisabled = "#64748B";
110
+ export declare const RTextPlaceholder = "#64748B";
111
+ export declare const RTextLink = "#0044D4";
112
+ export declare const RTextLinkHover = "#00297F";
113
+ export declare const RTextOnColor = "#FFFFFF";
114
+ export declare const RTextPrimary = "#0044D4";
115
+ export declare const RTextSuccess = "#166534";
116
+ export declare const RTextWarning = "#B45309";
117
+ export declare const RTextDanger = "#B91C1C";
118
+ export declare const RTextInfo = "#075985";
119
+ export declare const RIcon = "#334155";
120
+ export declare const RIconMuted = "#64748B";
121
+ export declare const RIconOnColor = "#FFFFFF";
122
+ export declare const RIconPrimary = "#0044D4";
123
+ export declare const RIconSuccess = "#166534";
124
+ export declare const RIconWarning = "#B45309";
125
+ export declare const RIconDanger = "#B91C1C";
126
+ export declare const RIconInfo = "#075985";
127
+ export declare const RBorder = "#D7DEE8";
128
+ export declare const RBorderMuted = "#E8EDF4";
129
+ export declare const RBorderStrong = "#AFBCCC";
130
+ export declare const RBorderStronger = "#94A3B8";
131
+ export declare const RBorderDisabled = "#D7DEE8";
132
+ export declare const RBorderInverse = "#020617";
133
+ export declare const RBorderPrimary = "#0044D4";
134
+ export declare const RBorderSuccess = "#15803D";
135
+ export declare const RBorderWarning = "#B45309";
136
+ export declare const RBorderDanger = "#B91C1C";
137
+ export declare const RBorderInfo = "#0369A1";
138
+ export declare const RFocus = "#3366DF";
139
+ export declare const ROverlay = "#02061780";
64
140
  export declare const RFontFamily = "-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial sans-serif";
65
141
  export declare const RFontFamilyMono = "'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace";
66
142
  export declare const RFontSize7xl = "4.875rem";
@@ -102,12 +178,12 @@ export declare const RMotionDuration300 = "300ms";
102
178
  export declare const RMotionDuration400 = "400ms";
103
179
  export declare const RMotionDuration500 = "500ms";
104
180
  export declare const RShadow0 = "none";
105
- export declare const RShadow10 = "0 1px 2px 0 rgba(100, 100, 100, 0.24), 0 4px 4px 0 rgba(100, 100, 100, 0.05)";
106
- export declare const RShadow20 = "0 7px 14px 0 rgba(100, 100, 100, 0.15), 0 3px 6px 0 rgba(100, 100, 100, 0.07)";
107
- export declare const RShadow30 = "0 3px 6px 0 rgba(100, 100, 100, 0.2), 0 7px 14px 0 rgba(100, 100, 100, 0.35)";
108
- export declare const RShadow40 = "0 20px 40px -8px rgba(100, 100, 100, 0.18), 0 3px 6px 0 rgba(100, 100, 100, 0.07)";
109
- export declare const RShadowInset10 = "0 0 0 1px rgba(100, 100, 100, 0.03), 0 1px 2px 0 rgba(100, 100, 100, 0.24), 0 4px 4px 0 rgba(100, 100, 100, 0.05)";
110
- export declare const RShadowInset20 = "0 0 0 1px rgba(100, 100, 100, 0.09), 0 7px 14px 0 rgba(100, 100, 100, 0.15), 0 3px 6px 0 rgba(100, 100, 100, 0.07)";
181
+ export declare const RShadow10 = "0 1px 2px 0 rgba(2, 6, 23, 0.18), 0 4px 4px 0 rgba(2, 6, 23, 0.04)";
182
+ export declare const RShadow20 = "0 7px 14px 0 rgba(2, 6, 23, 0.11), 0 3px 6px 0 rgba(2, 6, 23, 0.05)";
183
+ export declare const RShadow30 = "0 3px 6px 0 rgba(2, 6, 23, 0.15), 0 7px 14px 0 rgba(2, 6, 23, 0.26)";
184
+ export declare const RShadow40 = "0 20px 40px -8px rgba(2, 6, 23, 0.13), 0 3px 6px 0 rgba(2, 6, 23, 0.05)";
185
+ export declare const RShadowInset10 = "0 0 0 1px rgba(2, 6, 23, 0.02), 0 1px 2px 0 rgba(2, 6, 23, 0.18), 0 4px 4px 0 rgba(2, 6, 23, 0.04)";
186
+ export declare const RShadowInset20 = "0 0 0 1px rgba(2, 6, 23, 0.07), 0 7px 14px 0 rgba(2, 6, 23, 0.11), 0 3px 6px 0 rgba(2, 6, 23, 0.05)";
111
187
  export declare const RSpace0 = "0";
112
188
  export declare const RSpace1 = "0.125rem";
113
189
  export declare const RSpace2 = "0.25rem";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rebilly/revel",
3
- "version": "12.32.2",
3
+ "version": "12.33.0",
4
4
  "files": [
5
5
  "dist",
6
6
  "CHANGELOG.md"