gantri-components 2.0.0-beta.9 → 2.0.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/styles/theme.d.ts
CHANGED
|
@@ -156,126 +156,17 @@ declare module 'styled-components' {
|
|
|
156
156
|
export declare const allProductColorCodes: readonly ["blossompink", "canyon", "carbon", "coral", "fog", "forest", "glossysnowwhite", "meadow", "midnight", "persimmon", "sage", "sand", "sedona", "sky", "snow", "sproutgreen", "stone", "sunrise"];
|
|
157
157
|
export type ProductColorCode = typeof allProductColorCodes[number];
|
|
158
158
|
/** Color codes that are no longer available for as product options. */
|
|
159
|
-
export declare const retiredProductColorCodes:
|
|
159
|
+
export declare const retiredProductColorCodes: ProductColorCode[];
|
|
160
160
|
/** All color codes excluding retired product codes. */
|
|
161
|
-
export declare const activeProductColorCodes:
|
|
161
|
+
export declare const activeProductColorCodes: ProductColorCode[];
|
|
162
162
|
export interface ProductColorDetails {
|
|
163
163
|
code: ProductColorCode;
|
|
164
|
-
|
|
164
|
+
fullColorName: string;
|
|
165
165
|
hexColor: string;
|
|
166
|
-
|
|
166
|
+
inventoryColor: string;
|
|
167
|
+
shortColorName: string;
|
|
167
168
|
}
|
|
168
|
-
export declare const productColorsMap:
|
|
169
|
-
readonly blossompink: {
|
|
170
|
-
readonly code: "blossompink";
|
|
171
|
-
readonly googleFeedName: "Blossom Pink";
|
|
172
|
-
readonly hexColor: "#cb8c7b";
|
|
173
|
-
readonly label: "Blossom";
|
|
174
|
-
};
|
|
175
|
-
readonly canyon: {
|
|
176
|
-
readonly code: "canyon";
|
|
177
|
-
readonly googleFeedName: "Canyon Red";
|
|
178
|
-
readonly hexColor: "#a12928";
|
|
179
|
-
readonly label: "Canyon";
|
|
180
|
-
};
|
|
181
|
-
readonly carbon: {
|
|
182
|
-
readonly code: "carbon";
|
|
183
|
-
readonly googleFeedName: "Carbon Black";
|
|
184
|
-
readonly hexColor: "#2e2f31";
|
|
185
|
-
readonly label: "Carbon";
|
|
186
|
-
};
|
|
187
|
-
readonly coral: {
|
|
188
|
-
readonly code: "coral";
|
|
189
|
-
readonly googleFeedName: "Coral Pink";
|
|
190
|
-
readonly hexColor: "#dccfca";
|
|
191
|
-
readonly label: "Coral";
|
|
192
|
-
};
|
|
193
|
-
readonly fog: {
|
|
194
|
-
readonly code: "fog";
|
|
195
|
-
readonly googleFeedName: "Fog Gray";
|
|
196
|
-
readonly hexColor: "#9ea3a7";
|
|
197
|
-
readonly label: "Fog";
|
|
198
|
-
};
|
|
199
|
-
readonly forest: {
|
|
200
|
-
readonly code: "forest";
|
|
201
|
-
readonly googleFeedName: "Forest Green";
|
|
202
|
-
readonly hexColor: "#3d4e4a";
|
|
203
|
-
readonly label: "Forest";
|
|
204
|
-
};
|
|
205
|
-
/** Glossy Snow White is only available for Kobble lights and does not render in the admin product page as an available color option. */
|
|
206
|
-
readonly glossysnowwhite: {
|
|
207
|
-
readonly code: "glossysnowwhite";
|
|
208
|
-
readonly googleFeedName: "Glossy Snow White";
|
|
209
|
-
readonly hexColor: "#fff";
|
|
210
|
-
readonly label: "Glossy Snow";
|
|
211
|
-
};
|
|
212
|
-
readonly meadow: {
|
|
213
|
-
readonly code: "meadow";
|
|
214
|
-
readonly googleFeedName: "Meadow Green";
|
|
215
|
-
readonly hexColor: "#c4cdba";
|
|
216
|
-
readonly label: "Meadow";
|
|
217
|
-
};
|
|
218
|
-
readonly midnight: {
|
|
219
|
-
readonly code: "midnight";
|
|
220
|
-
readonly googleFeedName: "Midnight Blue";
|
|
221
|
-
readonly hexColor: "#254167";
|
|
222
|
-
readonly label: "Midnight";
|
|
223
|
-
};
|
|
224
|
-
readonly persimmon: {
|
|
225
|
-
readonly code: "persimmon";
|
|
226
|
-
readonly googleFeedName: "Persimmon";
|
|
227
|
-
readonly hexColor: "#f27d3b";
|
|
228
|
-
readonly label: "Persimmon";
|
|
229
|
-
};
|
|
230
|
-
readonly sage: {
|
|
231
|
-
readonly code: "sage";
|
|
232
|
-
readonly googleFeedName: "Sage";
|
|
233
|
-
readonly hexColor: "#6e9870";
|
|
234
|
-
readonly label: "Sage";
|
|
235
|
-
};
|
|
236
|
-
readonly sand: {
|
|
237
|
-
readonly code: "sand";
|
|
238
|
-
readonly googleFeedName: "Sand Cream";
|
|
239
|
-
readonly hexColor: "#dfd5be";
|
|
240
|
-
readonly label: "Sand";
|
|
241
|
-
};
|
|
242
|
-
readonly sedona: {
|
|
243
|
-
readonly code: "sedona";
|
|
244
|
-
readonly googleFeedName: "Sedona Red";
|
|
245
|
-
readonly hexColor: "#89431f";
|
|
246
|
-
readonly label: "Sedona";
|
|
247
|
-
};
|
|
248
|
-
readonly sky: {
|
|
249
|
-
readonly code: "sky";
|
|
250
|
-
readonly googleFeedName: "Sky Blue";
|
|
251
|
-
readonly hexColor: "#c6d1d5";
|
|
252
|
-
readonly label: "Sky";
|
|
253
|
-
};
|
|
254
|
-
readonly snow: {
|
|
255
|
-
readonly code: "snow";
|
|
256
|
-
readonly googleFeedName: "Snow White";
|
|
257
|
-
readonly hexColor: "#f1f1f1";
|
|
258
|
-
readonly label: "Snow";
|
|
259
|
-
};
|
|
260
|
-
readonly sproutgreen: {
|
|
261
|
-
readonly code: "sproutgreen";
|
|
262
|
-
readonly googleFeedName: "Sprout Green";
|
|
263
|
-
readonly hexColor: "#d1d53c";
|
|
264
|
-
readonly label: "Sprout";
|
|
265
|
-
};
|
|
266
|
-
readonly stone: {
|
|
267
|
-
readonly code: "stone";
|
|
268
|
-
readonly googleFeedName: "Stone Gray";
|
|
269
|
-
readonly hexColor: "#e1dbd6";
|
|
270
|
-
readonly label: "Stone";
|
|
271
|
-
};
|
|
272
|
-
readonly sunrise: {
|
|
273
|
-
readonly code: "sunrise";
|
|
274
|
-
readonly googleFeedName: "Sunrise";
|
|
275
|
-
readonly hexColor: "#f1bd56";
|
|
276
|
-
readonly label: "Sunrise";
|
|
277
|
-
};
|
|
278
|
-
};
|
|
169
|
+
export declare const productColorsMap: Record<ProductColorCode, ProductColorDetails>;
|
|
279
170
|
export declare const lightTheme: DefaultTheme;
|
|
280
171
|
export declare const darkTheme: DefaultTheme;
|
|
281
172
|
export declare const getThemeColor: (color: PaletteColor, currentTheme?: DefaultTheme) => string;
|