gantri-components 2.0.0-beta.8 → 2.0.0-beta.9
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 +113 -1
- package/package.json +1 -1
package/dist/styles/theme.d.ts
CHANGED
|
@@ -155,7 +155,9 @@ declare module 'styled-components' {
|
|
|
155
155
|
}
|
|
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
|
+
/** Color codes that are no longer available for as product options. */
|
|
158
159
|
export declare const retiredProductColorCodes: "glossysnowwhite"[];
|
|
160
|
+
/** All color codes excluding retired product codes. */
|
|
159
161
|
export declare const activeProductColorCodes: ("coral" | "snow" | "blossompink" | "canyon" | "carbon" | "fog" | "forest" | "glossysnowwhite" | "meadow" | "midnight" | "persimmon" | "sage" | "sand" | "sedona" | "sky" | "sproutgreen" | "stone" | "sunrise")[];
|
|
160
162
|
export interface ProductColorDetails {
|
|
161
163
|
code: ProductColorCode;
|
|
@@ -163,7 +165,117 @@ export interface ProductColorDetails {
|
|
|
163
165
|
hexColor: string;
|
|
164
166
|
label: string;
|
|
165
167
|
}
|
|
166
|
-
export declare const productColorsMap:
|
|
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
|
+
};
|
|
167
279
|
export declare const lightTheme: DefaultTheme;
|
|
168
280
|
export declare const darkTheme: DefaultTheme;
|
|
169
281
|
export declare const getThemeColor: (color: PaletteColor, currentTheme?: DefaultTheme) => string;
|