@bgord/design 0.27.21 → 0.27.22
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/axis-placements-generator.d.ts +2 -4
- package/dist/backgrounds-generator.d.ts +2 -4
- package/dist/border-colors-generator.d.ts +2 -4
- package/dist/border-radiuses-generator.d.ts +2 -4
- package/dist/border-widths-generator.d.ts +2 -4
- package/dist/design.cjs.development.js +259 -267
- package/dist/design.cjs.development.js.map +1 -1
- package/dist/design.cjs.production.min.js +1 -1
- package/dist/design.cjs.production.min.js.map +1 -1
- package/dist/design.esm.js +259 -267
- package/dist/design.esm.js.map +1 -1
- package/dist/displays-generator.d.ts +2 -4
- package/dist/flex-directions-generator.d.ts +2 -4
- package/dist/flex-grows-generator.d.ts +2 -4
- package/dist/flex-wraps-generator.d.ts +2 -4
- package/dist/font-colors-generator.d.ts +2 -4
- package/dist/font-size-generator.d.ts +2 -4
- package/dist/font-weight-generator.d.ts +2 -4
- package/dist/generator.d.ts +4 -2
- package/dist/letter-spacings-generator.d.ts +2 -4
- package/dist/line-height-generator.d.ts +2 -4
- package/dist/main.css +37 -2
- package/dist/main.min.css +1 -1
- package/dist/main.min.css.br +0 -0
- package/dist/main.min.css.gz +0 -0
- package/dist/margins-generator.d.ts +2 -4
- package/dist/max-widths-generator.d.ts +2 -4
- package/dist/overflows-generator.d.ts +2 -4
- package/dist/paddings-generator.d.ts +2 -4
- package/dist/positioners-generator.d.ts +3 -4
- package/dist/postions-generator.d.ts +2 -4
- package/dist/transforms-generator.d.ts +2 -4
- package/dist/widhts-generator.d.ts +2 -4
- package/dist/z-index-generator.d.ts +2 -4
- package/package.json +1 -1
- package/src/axis-placements-generator.ts +4 -10
- package/src/backgrounds-generator.ts +4 -10
- package/src/border-colors-generator.ts +4 -10
- package/src/border-radiuses-generator.ts +3 -10
- package/src/border-widths-generator.ts +4 -10
- package/src/displays-generator.ts +4 -10
- package/src/flex-directions-generator.ts +4 -10
- package/src/flex-grows-generator.ts +4 -10
- package/src/flex-wraps-generator.ts +4 -10
- package/src/font-colors-generator.ts +4 -10
- package/src/font-size-generator.ts +4 -10
- package/src/font-weight-generator.ts +4 -10
- package/src/generate-css.ts +3 -2
- package/src/generator.ts +15 -4
- package/src/letter-spacings-generator.ts +4 -10
- package/src/line-height-generator.ts +4 -10
- package/src/margins-generator.ts +4 -10
- package/src/max-widths-generator.ts +4 -10
- package/src/overflows-generator.ts +4 -10
- package/src/paddings-generator.ts +4 -10
- package/src/positioners-generator.ts +4 -8
- package/src/postions-generator.ts +4 -10
- package/src/transforms-generator.ts +4 -10
- package/src/ui/anima.css +29 -0
- package/src/widhts-generator.ts +4 -10
- package/src/z-index-generator.ts +3 -10
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class FlexGrowsGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class FlexGrowsGenerator extends AbstractGenerator {
|
|
3
3
|
flexGrows: GeneratorConfigType['flexGrows'];
|
|
4
4
|
breakpoints: GeneratorConfigType['breakpoints'];
|
|
5
5
|
constructor(config: GeneratorConfigType);
|
|
6
|
-
generateHeader(): string;
|
|
7
6
|
generateCss(): string;
|
|
8
|
-
generateFooter(): string;
|
|
9
7
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class FlexWrapGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class FlexWrapGenerator extends AbstractGenerator {
|
|
3
3
|
flexWraps: GeneratorConfigType['flexWraps'];
|
|
4
4
|
constructor(config: GeneratorConfigType);
|
|
5
|
-
generateHeader(): string;
|
|
6
5
|
generateCss(): string;
|
|
7
|
-
generateFooter(): string;
|
|
8
6
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class FontColorsGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class FontColorsGenerator extends AbstractGenerator {
|
|
3
3
|
colors: GeneratorConfigType['grayscale'];
|
|
4
4
|
constructor(config: GeneratorConfigType);
|
|
5
|
-
generateHeader(): string;
|
|
6
5
|
generateCss(): string;
|
|
7
|
-
generateFooter(): string;
|
|
8
6
|
}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class FontSizeGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class FontSizeGenerator extends AbstractGenerator {
|
|
3
3
|
fontSizes: GeneratorConfigType['fontSizes'];
|
|
4
4
|
breakpoints: GeneratorConfigType['breakpoints'];
|
|
5
5
|
constructor(config: GeneratorConfigType);
|
|
6
|
-
generateHeader(): string;
|
|
7
6
|
generateCss(): string;
|
|
8
|
-
generateFooter(): string;
|
|
9
7
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class FontWeightGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class FontWeightGenerator extends AbstractGenerator {
|
|
3
3
|
fontWeights: GeneratorConfigType['fontWeights'];
|
|
4
4
|
constructor(config: GeneratorConfigType);
|
|
5
|
-
generateHeader(): string;
|
|
6
5
|
generateCss(): string;
|
|
7
|
-
generateFooter(): string;
|
|
8
6
|
}
|
package/dist/generator.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { Spacing, Displays, AxisPlacements, Positions, FlexWraps, ZIndexes, Widths, FontSizes, FlexDirections, FontWeights, LineHeights, Grayscale, Greens, Reds, Oranges, Breakpoints, LetterSpacings, FlexGrows, BorderWidths, BorderColors, BorderRadiuses, MaxWidths, Transforms, Overflows } from './tokens';
|
|
2
|
-
export
|
|
2
|
+
export declare abstract class AbstractGenerator {
|
|
3
|
+
name: string;
|
|
4
|
+
constructor(name: string);
|
|
3
5
|
generateHeader(): string;
|
|
4
|
-
generateCss(): string;
|
|
6
|
+
abstract generateCss(): string;
|
|
5
7
|
generateFooter(): string;
|
|
6
8
|
}
|
|
7
9
|
export declare type GeneratorConfigType = {
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class LetterSpacingsGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class LetterSpacingsGenerator extends AbstractGenerator {
|
|
3
3
|
letterSpacings: GeneratorConfigType['letterSpacings'];
|
|
4
4
|
constructor(config: GeneratorConfigType);
|
|
5
|
-
generateHeader(): string;
|
|
6
5
|
generateCss(): string;
|
|
7
|
-
generateFooter(): string;
|
|
8
6
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class LineHeightsGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class LineHeightsGenerator extends AbstractGenerator {
|
|
3
3
|
lineHeights: GeneratorConfigType['lineHeights'];
|
|
4
4
|
constructor(config: GeneratorConfigType);
|
|
5
|
-
generateHeader(): string;
|
|
6
5
|
generateCss(): string;
|
|
7
|
-
generateFooter(): string;
|
|
8
6
|
}
|
package/dist/main.css
CHANGED
|
@@ -1220,7 +1220,7 @@
|
|
|
1220
1220
|
}
|
|
1221
1221
|
/* ===================== */
|
|
1222
1222
|
|
|
1223
|
-
/*
|
|
1223
|
+
/* Z indexes */
|
|
1224
1224
|
|
|
1225
1225
|
*[data-z='0'] {
|
|
1226
1226
|
z-index: 0;
|
|
@@ -1440,7 +1440,7 @@
|
|
|
1440
1440
|
}
|
|
1441
1441
|
/* ===================== */
|
|
1442
1442
|
|
|
1443
|
-
/*
|
|
1443
|
+
/* Letter spacings */
|
|
1444
1444
|
|
|
1445
1445
|
*[data-ls='1'] {
|
|
1446
1446
|
letter-spacing: 1px;
|
|
@@ -2563,6 +2563,41 @@
|
|
|
2563
2563
|
}
|
|
2564
2564
|
}
|
|
2565
2565
|
|
|
2566
|
+
/* ===================== */
|
|
2567
|
+
/* Anima */
|
|
2568
|
+
|
|
2569
|
+
/* Four anima states */
|
|
2570
|
+
|
|
2571
|
+
/* - appearing */
|
|
2572
|
+
/* - appeared */
|
|
2573
|
+
/* - hidding */
|
|
2574
|
+
/* - hidden */
|
|
2575
|
+
|
|
2576
|
+
*[data-anima='appeared'] {
|
|
2577
|
+
-webkit-transition: all 300ms;
|
|
2578
|
+
transition: all 300ms;
|
|
2579
|
+
-webkit-transition: all var(--duration, 300ms);
|
|
2580
|
+
transition: all var(--duration, 300ms);
|
|
2581
|
+
}
|
|
2582
|
+
*[data-anima='hidding'] {
|
|
2583
|
+
-webkit-transition: all 300ms;
|
|
2584
|
+
transition: all 300ms;
|
|
2585
|
+
-webkit-transition: all var(--duration, 300ms);
|
|
2586
|
+
transition: all var(--duration, 300ms);
|
|
2587
|
+
}
|
|
2588
|
+
|
|
2589
|
+
/* anima-style = opacity */
|
|
2590
|
+
|
|
2591
|
+
*[data-anima-style='opacity'][data-anima='appearing'] {
|
|
2592
|
+
opacity: 0;
|
|
2593
|
+
}
|
|
2594
|
+
*[data-anima-style='opacity'][data-anima='appeared'] {
|
|
2595
|
+
opacity: 1;
|
|
2596
|
+
}
|
|
2597
|
+
*[data-anima-style='opacity'][data-anima='hidding'] {
|
|
2598
|
+
opacity: 0;
|
|
2599
|
+
}
|
|
2600
|
+
|
|
2566
2601
|
/* ===================== */
|
|
2567
2602
|
[data-transform='truncate']:not([title]) {
|
|
2568
2603
|
position: relative;
|
package/dist/main.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-m='0']{margin:0}[data-m='3']{margin:3px}[data-m='6']{margin:6px}[data-m='12']{margin:12px}[data-m='24']{margin:24px}[data-m='36']{margin:36px}[data-m='48']{margin:48px}[data-m='72']{margin:72px}[data-m=auto]{margin:auto}[data-m=unset]{margin:unset}[data-mx='0']{margin-left:0;margin-right:0}[data-mx='3']{margin-left:3px;margin-right:3px}[data-mx='6']{margin-left:6px;margin-right:6px}[data-mx='12']{margin-left:12px;margin-right:12px}[data-mx='24']{margin-left:24px;margin-right:24px}[data-mx='36']{margin-left:36px;margin-right:36px}[data-mx='48']{margin-left:48px;margin-right:48px}[data-mx='72']{margin-left:72px;margin-right:72px}[data-mx=auto]{margin-left:auto;margin-right:auto}[data-mx=unset]{margin-left:unset;margin-right:unset}[data-my='0']{margin-top:0;margin-bottom:0}[data-my='3']{margin-top:3px;margin-bottom:3px}[data-my='6']{margin-top:6px;margin-bottom:6px}[data-my='12']{margin-top:12px;margin-bottom:12px}[data-my='24']{margin-top:24px;margin-bottom:24px}[data-my='36']{margin-top:36px;margin-bottom:36px}[data-my='48']{margin-top:48px;margin-bottom:48px}[data-my='72']{margin-top:72px;margin-bottom:72px}[data-my=auto]{margin-top:auto;margin-bottom:auto}[data-my=unset]{margin-top:unset;margin-bottom:unset}[data-mt='0']{margin-top:0}[data-mt='3']{margin-top:3px}[data-mt='6']{margin-top:6px}[data-mt='12']{margin-top:12px}[data-mt='24']{margin-top:24px}[data-mt='36']{margin-top:36px}[data-mt='48']{margin-top:48px}[data-mt='72']{margin-top:72px}[data-mt=auto]{margin-top:auto}[data-mt=unset]{margin-top:unset}[data-mr='0']{margin-right:0}[data-mr='3']{margin-right:3px}[data-mr='6']{margin-right:6px}[data-mr='12']{margin-right:12px}[data-mr='24']{margin-right:24px}[data-mr='36']{margin-right:36px}[data-mr='48']{margin-right:48px}[data-mr='72']{margin-right:72px}[data-mr=auto]{margin-right:auto}[data-mr=unset]{margin-right:unset}[data-mb='0']{margin-bottom:0}[data-mb='3']{margin-bottom:3px}[data-mb='6']{margin-bottom:6px}[data-mb='12']{margin-bottom:12px}[data-mb='24']{margin-bottom:24px}[data-mb='36']{margin-bottom:36px}[data-mb='48']{margin-bottom:48px}[data-mb='72']{margin-bottom:72px}[data-mb=auto]{margin-bottom:auto}[data-mb=unset]{margin-bottom:unset}[data-ml='0']{margin-left:0}[data-ml='3']{margin-left:3px}[data-ml='6']{margin-left:6px}[data-ml='12']{margin-left:12px}[data-ml='24']{margin-left:24px}[data-ml='36']{margin-left:36px}[data-ml='48']{margin-left:48px}[data-ml='72']{margin-left:72px}[data-ml=auto]{margin-left:auto}[data-ml=unset]{margin-left:unset}@media (max-width:768px){[data-md-m='0']{margin:0}[data-md-m='3']{margin:3px}[data-md-m='6']{margin:6px}[data-md-m='12']{margin:12px}[data-md-m='24']{margin:24px}[data-md-m='36']{margin:36px}[data-md-m='48']{margin:48px}[data-md-m='72']{margin:72px}[data-md-m=auto]{margin:auto}[data-md-m=unset]{margin:unset}[data-md-mx='0']{margin-left:0;margin-right:0}[data-md-mx='3']{margin-left:3px;margin-right:3px}[data-md-mx='6']{margin-left:6px;margin-right:6px}[data-md-mx='12']{margin-left:12px;margin-right:12px}[data-md-mx='24']{margin-left:24px;margin-right:24px}[data-md-mx='36']{margin-left:36px;margin-right:36px}[data-md-mx='48']{margin-left:48px;margin-right:48px}[data-md-mx='72']{margin-left:72px;margin-right:72px}[data-md-mx=auto]{margin-left:auto;margin-right:auto}[data-md-mx=unset]{margin-left:unset;margin-right:unset}[data-md-my='0']{margin-top:0;margin-bottom:0}[data-md-my='3']{margin-top:3px;margin-bottom:3px}[data-md-my='6']{margin-top:6px;margin-bottom:6px}[data-md-my='12']{margin-top:12px;margin-bottom:12px}[data-md-my='24']{margin-top:24px;margin-bottom:24px}[data-md-my='36']{margin-top:36px;margin-bottom:36px}[data-md-my='48']{margin-top:48px;margin-bottom:48px}[data-md-my='72']{margin-top:72px;margin-bottom:72px}[data-md-my=auto]{margin-top:auto;margin-bottom:auto}[data-md-my=unset]{margin-top:unset;margin-bottom:unset}[data-md-mt='0']{margin-top:0}[data-md-mt='3']{margin-top:3px}[data-md-mt='6']{margin-top:6px}[data-md-mt='12']{margin-top:12px}[data-md-mt='24']{margin-top:24px}[data-md-mt='36']{margin-top:36px}[data-md-mt='48']{margin-top:48px}[data-md-mt='72']{margin-top:72px}[data-md-mt=auto]{margin-top:auto}[data-md-mt=unset]{margin-top:unset}[data-md-mr='0']{margin-right:0}[data-md-mr='3']{margin-right:3px}[data-md-mr='6']{margin-right:6px}[data-md-mr='12']{margin-right:12px}[data-md-mr='24']{margin-right:24px}[data-md-mr='36']{margin-right:36px}[data-md-mr='48']{margin-right:48px}[data-md-mr='72']{margin-right:72px}[data-md-mr=auto]{margin-right:auto}[data-md-mr=unset]{margin-right:unset}[data-md-mb='0']{margin-bottom:0}[data-md-mb='3']{margin-bottom:3px}[data-md-mb='6']{margin-bottom:6px}[data-md-mb='12']{margin-bottom:12px}[data-md-mb='24']{margin-bottom:24px}[data-md-mb='36']{margin-bottom:36px}[data-md-mb='48']{margin-bottom:48px}[data-md-mb='72']{margin-bottom:72px}[data-md-mb=auto]{margin-bottom:auto}[data-md-mb=unset]{margin-bottom:unset}[data-md-ml='0']{margin-left:0}[data-md-ml='3']{margin-left:3px}[data-md-ml='6']{margin-left:6px}[data-md-ml='12']{margin-left:12px}[data-md-ml='24']{margin-left:24px}[data-md-ml='36']{margin-left:36px}[data-md-ml='48']{margin-left:48px}[data-md-ml='72']{margin-left:72px}[data-md-ml=auto]{margin-left:auto}[data-md-ml=unset]{margin-left:unset}}[data-p='0']{padding:0}[data-p='3']{padding:3px}[data-p='6']{padding:6px}[data-p='12']{padding:12px}[data-p='24']{padding:24px}[data-p='36']{padding:36px}[data-p='48']{padding:48px}[data-p='72']{padding:72px}[data-p=auto]{padding:auto}[data-p=unset]{padding:unset}[data-px='0']{padding-left:0;padding-right:0}[data-px='3']{padding-left:3px;padding-right:3px}[data-px='6']{padding-left:6px;padding-right:6px}[data-px='12']{padding-left:12px;padding-right:12px}[data-px='24']{padding-left:24px;padding-right:24px}[data-px='36']{padding-left:36px;padding-right:36px}[data-px='48']{padding-left:48px;padding-right:48px}[data-px='72']{padding-left:72px;padding-right:72px}[data-px=auto]{padding-left:auto;padding-right:auto}[data-px=unset]{padding-left:unset;padding-right:unset}[data-py='0']{padding-top:0;padding-bottom:0}[data-py='3']{padding-top:3px;padding-bottom:3px}[data-py='6']{padding-top:6px;padding-bottom:6px}[data-py='12']{padding-top:12px;padding-bottom:12px}[data-py='24']{padding-top:24px;padding-bottom:24px}[data-py='36']{padding-top:36px;padding-bottom:36px}[data-py='48']{padding-top:48px;padding-bottom:48px}[data-py='72']{padding-top:72px;padding-bottom:72px}[data-py=auto]{padding-top:auto;padding-bottom:auto}[data-py=unset]{padding-top:unset;padding-bottom:unset}[data-pt='0']{padding-top:0}[data-pt='3']{padding-top:3px}[data-pt='6']{padding-top:6px}[data-pt='12']{padding-top:12px}[data-pt='24']{padding-top:24px}[data-pt='36']{padding-top:36px}[data-pt='48']{padding-top:48px}[data-pt='72']{padding-top:72px}[data-pt=auto]{padding-top:auto}[data-pt=unset]{padding-top:unset}[data-pr='0']{padding-right:0}[data-pr='3']{padding-right:3px}[data-pr='6']{padding-right:6px}[data-pr='12']{padding-right:12px}[data-pr='24']{padding-right:24px}[data-pr='36']{padding-right:36px}[data-pr='48']{padding-right:48px}[data-pr='72']{padding-right:72px}[data-pr=auto]{padding-right:auto}[data-pr=unset]{padding-right:unset}[data-pb='0']{padding-bottom:0}[data-pb='3']{padding-bottom:3px}[data-pb='6']{padding-bottom:6px}[data-pb='12']{padding-bottom:12px}[data-pb='24']{padding-bottom:24px}[data-pb='36']{padding-bottom:36px}[data-pb='48']{padding-bottom:48px}[data-pb='72']{padding-bottom:72px}[data-pb=auto]{padding-bottom:auto}[data-pb=unset]{padding-bottom:unset}[data-pl='0']{padding-left:0}[data-pl='3']{padding-left:3px}[data-pl='6']{padding-left:6px}[data-pl='12']{padding-left:12px}[data-pl='24']{padding-left:24px}[data-pl='36']{padding-left:36px}[data-pl='48']{padding-left:48px}[data-pl='72']{padding-left:72px}[data-pl=auto]{padding-left:auto}[data-pl=unset]{padding-left:unset}@media (max-width:768px){[data-md-p='0']{padding:0}[data-md-p='3']{padding:3px}[data-md-p='6']{padding:6px}[data-md-p='12']{padding:12px}[data-md-p='24']{padding:24px}[data-md-p='36']{padding:36px}[data-md-p='48']{padding:48px}[data-md-p='72']{padding:72px}[data-md-p=auto]{padding:auto}[data-md-p=unset]{padding:unset}[data-md-px='0']{padding-left:0;padding-right:0}[data-md-px='3']{padding-left:3px;padding-right:3px}[data-md-px='6']{padding-left:6px;padding-right:6px}[data-md-px='12']{padding-left:12px;padding-right:12px}[data-md-px='24']{padding-left:24px;padding-right:24px}[data-md-px='36']{padding-left:36px;padding-right:36px}[data-md-px='48']{padding-left:48px;padding-right:48px}[data-md-px='72']{padding-left:72px;padding-right:72px}[data-md-px=auto]{padding-left:auto;padding-right:auto}[data-md-px=unset]{padding-left:unset;padding-right:unset}[data-md-py='0']{padding-top:0;padding-bottom:0}[data-md-py='3']{padding-top:3px;padding-bottom:3px}[data-md-py='6']{padding-top:6px;padding-bottom:6px}[data-md-py='12']{padding-top:12px;padding-bottom:12px}[data-md-py='24']{padding-top:24px;padding-bottom:24px}[data-md-py='36']{padding-top:36px;padding-bottom:36px}[data-md-py='48']{padding-top:48px;padding-bottom:48px}[data-md-py='72']{padding-top:72px;padding-bottom:72px}[data-md-py=auto]{padding-top:auto;padding-bottom:auto}[data-md-py=unset]{padding-top:unset;padding-bottom:unset}[data-md-pt='0']{padding-top:0}[data-md-pt='3']{padding-top:3px}[data-md-pt='6']{padding-top:6px}[data-md-pt='12']{padding-top:12px}[data-md-pt='24']{padding-top:24px}[data-md-pt='36']{padding-top:36px}[data-md-pt='48']{padding-top:48px}[data-md-pt='72']{padding-top:72px}[data-md-pt=auto]{padding-top:auto}[data-md-pt=unset]{padding-top:unset}[data-md-pr='0']{padding-right:0}[data-md-pr='3']{padding-right:3px}[data-md-pr='6']{padding-right:6px}[data-md-pr='12']{padding-right:12px}[data-md-pr='24']{padding-right:24px}[data-md-pr='36']{padding-right:36px}[data-md-pr='48']{padding-right:48px}[data-md-pr='72']{padding-right:72px}[data-md-pr=auto]{padding-right:auto}[data-md-pr=unset]{padding-right:unset}[data-md-pb='0']{padding-bottom:0}[data-md-pb='3']{padding-bottom:3px}[data-md-pb='6']{padding-bottom:6px}[data-md-pb='12']{padding-bottom:12px}[data-md-pb='24']{padding-bottom:24px}[data-md-pb='36']{padding-bottom:36px}[data-md-pb='48']{padding-bottom:48px}[data-md-pb='72']{padding-bottom:72px}[data-md-pb=auto]{padding-bottom:auto}[data-md-pb=unset]{padding-bottom:unset}[data-md-pl='0']{padding-left:0}[data-md-pl='3']{padding-left:3px}[data-md-pl='6']{padding-left:6px}[data-md-pl='12']{padding-left:12px}[data-md-pl='24']{padding-left:24px}[data-md-pl='36']{padding-left:36px}[data-md-pl='48']{padding-left:48px}[data-md-pl='72']{padding-left:72px}[data-md-pl=auto]{padding-left:auto}[data-md-pl=unset]{padding-left:unset}}[data-display=flex]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-display=block]{display:block}[data-display=inline-block]{display:inline-block}[data-display=none]{display:none}@media (max-width:768px){[data-md-display=flex]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-md-display=block]{display:block}[data-md-display=inline-block]{display:inline-block}[data-md-display=none]{display:none}}[data-main=start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[data-main=end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-main=between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[data-main=center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-main=baseline]{-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline}[data-cross=start]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[data-cross=end]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[data-cross=between]{-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between}[data-cross=center]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-cross=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (max-width:768px){[data-md-main=start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[data-md-main=end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-md-main=between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[data-md-main=center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-md-main=baseline]{-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline}[data-md-cross=start]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[data-md-cross=end]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[data-md-cross=between]{-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between}[data-md-cross=center]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-md-cross=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}[data-wrap=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[data-wrap=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[data-wrap=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[data-wrap=unset]{-ms-flex-wrap:unset;flex-wrap:unset}[data-direction=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[data-direction=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[data-direction=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[data-direction=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (max-width:768px){[data-md-direction=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[data-md-direction=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[data-md-direction=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[data-md-direction=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}[data-grow='1']{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[data-grow=unset]{-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset}@media (max-width:768px){[data-md-grow='1']{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[data-md-grow=unset]{-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset}}[data-width='100%']{width:100%}[data-width=auto]{width:auto}[data-width=unset]{width:unset}@media (max-width:768px){[data-md-width='100%']{width:100%}[data-md-width=auto]{width:auto}[data-md-width=unset]{width:unset}}[data-position=static]{position:static}[data-position=relative]{position:relative}[data-position=absolute]{position:absolute}[data-position=fixed]{position:fixed}[data-position=sticky]{position:sticky}[data-position=unset]{position:unset}[data-z='0']{z-index:0}[data-z='1']{z-index:1}[data-z='2']{z-index:2}[data-z='3']{z-index:3}[data-z='-1']{z-index:-1}[data-fs='12']{font-size:12px}[data-fs='14']{font-size:14px}[data-fs='16']{font-size:16px}[data-fs='20']{font-size:20px}[data-fs='24']{font-size:24px}[data-fs='32']{font-size:32px}[data-fs='36']{font-size:36px}@media (max-width:768px){[data-md-fs='12']{font-size:12px}[data-md-fs='14']{font-size:14px}[data-md-fs='16']{font-size:16px}[data-md-fs='20']{font-size:20px}[data-md-fs='24']{font-size:24px}[data-md-fs='32']{font-size:32px}[data-md-fs='36']{font-size:36px}}[data-fw='300']{font-weight:300}[data-fw='400']{font-weight:400}[data-fw='500']{font-weight:500}[data-fw='700']{font-weight:700}[data-fw='900']{font-weight:900}[data-fw=unset]{font-weight:unset}[data-color=white]{color:#f9fafb}[data-color=gray-100]{color:#f3f4f6}[data-color=gray-200]{color:#e5e7eb}[data-color=gray-300]{color:#d1d5db}[data-color=gray-400]{color:#9ca3af}[data-color=gray-500]{color:#6b7280}[data-color=gray-600]{color:#4b5563}[data-color=gray-700]{color:#374151}[data-color=gray-800]{color:#1f2937}[data-color=black]{color:#111827}[data-color=green-100]{color:#caebc5}[data-color=green-200]{color:#a7df9f}[data-color=green-300]{color:#85d279}[data-color=green-400]{color:#62c552}[data-color=green-500]{color:#48ac39}[data-color=green-600]{color:#38852c}[data-color=green-700]{color:#285f1f}[data-color=green-800]{color:#204c19}[data-color=red-100]{color:#f9d4d1}[data-color=red-200]{color:#f6b6b0}[data-color=red-300]{color:hsl(5,80%,72.5%)}[data-color=red-400]{color:hsl(5,80%,62.5%)}[data-color=red-500]{color:hsl(5,80%,52.5%)}[data-color=red-600]{color:#c02315}[data-color=red-700]{color:hsl(5,80%,32.5%)}[data-color=red-800]{color:hsl(5,80%,22.5%)}[data-color=orange-100]{color:#fad3b7}[data-color=orange-200]{color:#f7b587}[data-color=orange-300]{color:#f49857}[data-color=orange-400]{color:#f17b27}[data-color=orange-500]{color:#d7610d}[data-color=orange-600]{color:hsl(25,88%,37.5%)}[data-color=orange-700]{color:hsl(25,88%,27.5%)}[data-color=orange-800]{color:#5f2b06}[data-lh='12']{line-height:12px}[data-lh='16']{line-height:16px}[data-lh='20']{line-height:20px}[data-lh='24']{line-height:24px}[data-lh='32']{line-height:32px}[data-lh='36']{line-height:36px}[data-lh=unset]{line-height:unsetpx}[data-ls='1']{letter-spacing:1px}[data-ls='2']{letter-spacing:2px}[data-ls='0.5']{letter-spacing:.5px}[data-ls='1.5']{letter-spacing:1.5px}[data-bg=white]{background-color:#f9fafb}[data-bg=gray-100]{background-color:#f3f4f6}[data-bg=gray-200]{background-color:#e5e7eb}[data-bg=gray-300]{background-color:#d1d5db}[data-bg=gray-400]{background-color:#9ca3af}[data-bg=gray-500]{background-color:#6b7280}[data-bg=gray-600]{background-color:#4b5563}[data-bg=gray-700]{background-color:#374151}[data-bg=gray-800]{background-color:#1f2937}[data-bg=black]{background-color:#111827}[data-bg=green-100]{background-color:#caebc5}[data-bg=green-200]{background-color:#a7df9f}[data-bg=green-300]{background-color:#85d279}[data-bg=green-400]{background-color:#62c552}[data-bg=green-500]{background-color:#48ac39}[data-bg=green-600]{background-color:#38852c}[data-bg=green-700]{background-color:#285f1f}[data-bg=green-800]{background-color:#204c19}[data-bg=red-100]{background-color:#f9d4d1}[data-bg=red-200]{background-color:#f6b6b0}[data-bg=red-300]{background-color:hsl(5,80%,72.5%)}[data-bg=red-400]{background-color:hsl(5,80%,62.5%)}[data-bg=red-500]{background-color:hsl(5,80%,52.5%)}[data-bg=red-600]{background-color:#c02315}[data-bg=red-700]{background-color:hsl(5,80%,32.5%)}[data-bg=red-800]{background-color:hsl(5,80%,22.5%)}[data-bg=orange-100]{background-color:#fad3b7}[data-bg=orange-200]{background-color:#f7b587}[data-bg=orange-300]{background-color:#f49857}[data-bg=orange-400]{background-color:#f17b27}[data-bg=orange-500]{background-color:#d7610d}[data-bg=orange-600]{background-color:hsl(25,88%,37.5%)}[data-bg=orange-700]{background-color:hsl(25,88%,27.5%)}[data-bg=orange-800]{background-color:#5f2b06}[data-bw='1']{border-width:1px}[data-bw='2']{border-width:2px}[data-bw='4']{border-width:4px}[data-bw='6']{border-width:6px}[data-bw='12']{border-width:12px}[data-bwx='1']{border-left-width:1px;border-right-width:1px}[data-bwx='2']{border-left-width:2px;border-right-width:2px}[data-bwx='4']{border-left-width:4px;border-right-width:4px}[data-bwx='6']{border-left-width:6px;border-right-width:6px}[data-bwx='12']{border-left-width:12px;border-right-width:12px}[data-bwy='1']{border-top-width:1px;border-bottom-width:1px}[data-bwy='2']{border-top-width:2px;border-bottom-width:2px}[data-bwy='4']{border-top-width:4px;border-bottom-width:4px}[data-bwy='6']{border-top-width:6px;border-bottom-width:6px}[data-bwy='12']{border-top-width:12px;border-bottom-width:12px}[data-bwt='1']{border-top-width:1px}[data-bwt='2']{border-top-width:2px}[data-bwt='4']{border-top-width:4px}[data-bwt='6']{border-top-width:6px}[data-bwt='12']{border-top-width:12px}[data-bwr='1']{border-right-width:1px}[data-bwr='2']{border-right-width:2px}[data-bwr='4']{border-right-width:4px}[data-bwr='6']{border-right-width:6px}[data-bwr='12']{border-right-width:12px}[data-bwb='1']{border-bottom-width:1px}[data-bwb='2']{border-bottom-width:2px}[data-bwb='4']{border-bottom-width:4px}[data-bwb='6']{border-bottom-width:6px}[data-bwb='12']{border-bottom-width:12px}[data-bwl='1']{border-left-width:1px}[data-bwl='2']{border-left-width:2px}[data-bwl='4']{border-left-width:4px}[data-bwl='6']{border-left-width:6px}[data-bwl='12']{border-left-width:12px}[data-bc=white]{border-color:#f9fafb;border-style:solid}[data-bc=gray-100]{border-color:#f3f4f6;border-style:solid}[data-bc=gray-200]{border-color:#e5e7eb;border-style:solid}[data-bc=gray-300]{border-color:#d1d5db;border-style:solid}[data-bc=gray-400]{border-color:#9ca3af;border-style:solid}[data-bc=gray-500]{border-color:#6b7280;border-style:solid}[data-bc=gray-600]{border-color:#4b5563;border-style:solid}[data-bc=gray-700]{border-color:#374151;border-style:solid}[data-bc=gray-800]{border-color:#1f2937;border-style:solid}[data-bc=black]{border-color:#111827;border-style:solid}[data-bc=transparent]{border-color:transparent;border-style:solid}[data-bc=green-100]{border-color:#caebc5;border-style:solid}[data-bc=green-200]{border-color:#a7df9f;border-style:solid}[data-bc=green-300]{border-color:#85d279;border-style:solid}[data-bc=green-400]{border-color:#62c552;border-style:solid}[data-bc=green-500]{border-color:#48ac39;border-style:solid}[data-bc=green-600]{border-color:#38852c;border-style:solid}[data-bc=green-700]{border-color:#285f1f;border-style:solid}[data-bc=green-800]{border-color:#204c19;border-style:solid}[data-bc=orange-100]{border-color:#fad3b7;border-style:solid}[data-bc=orange-200]{border-color:#f7b587;border-style:solid}[data-bc=orange-300]{border-color:#f49857;border-style:solid}[data-bc=orange-400]{border-color:#f17b27;border-style:solid}[data-bc=orange-500]{border-color:#d7610d;border-style:solid}[data-bc=orange-600]{border-color:hsl(25,88%,37.5%);border-style:solid}[data-bc=orange-700]{border-color:hsl(25,88%,27.5%);border-style:solid}[data-bc=orange-800]{border-color:#5f2b06;border-style:solid}[data-bc=red-100]{border-color:#f9d4d1;border-style:solid}[data-bc=red-200]{border-color:#f6b6b0;border-style:solid}[data-bc=red-300]{border-color:hsl(5,80%,72.5%);border-style:solid}[data-bc=red-400]{border-color:hsl(5,80%,62.5%);border-style:solid}[data-bc=red-500]{border-color:hsl(5,80%,52.5%);border-style:solid}[data-bc=red-600]{border-color:#c02315;border-style:solid}[data-bc=red-700]{border-color:hsl(5,80%,32.5%);border-style:solid}[data-bc=red-800]{border-color:hsl(5,80%,22.5%);border-style:solid}[data-bcx=white]{border-right-color:#f9fafb;border-left-color:#f9fafb;border-right-style:solid;border-left-style:solid}[data-bcx=gray-100]{border-right-color:#f3f4f6;border-left-color:#f3f4f6;border-right-style:solid;border-left-style:solid}[data-bcx=gray-200]{border-right-color:#e5e7eb;border-left-color:#e5e7eb;border-right-style:solid;border-left-style:solid}[data-bcx=gray-300]{border-right-color:#d1d5db;border-left-color:#d1d5db;border-right-style:solid;border-left-style:solid}[data-bcx=gray-400]{border-right-color:#9ca3af;border-left-color:#9ca3af;border-right-style:solid;border-left-style:solid}[data-bcx=gray-500]{border-right-color:#6b7280;border-left-color:#6b7280;border-right-style:solid;border-left-style:solid}[data-bcx=gray-600]{border-right-color:#4b5563;border-left-color:#4b5563;border-right-style:solid;border-left-style:solid}[data-bcx=gray-700]{border-right-color:#374151;border-left-color:#374151;border-right-style:solid;border-left-style:solid}[data-bcx=gray-800]{border-right-color:#1f2937;border-left-color:#1f2937;border-right-style:solid;border-left-style:solid}[data-bcx=black]{border-right-color:#111827;border-left-color:#111827;border-right-style:solid;border-left-style:solid}[data-bcx=transparent]{border-right-color:transparent;border-left-color:transparent;border-right-style:solid;border-left-style:solid}[data-bcy=white]{border-top-color:#f9fafb;border-bottom-color:#f9fafb;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-100]{border-top-color:#f3f4f6;border-bottom-color:#f3f4f6;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-200]{border-top-color:#e5e7eb;border-bottom-color:#e5e7eb;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-300]{border-top-color:#d1d5db;border-bottom-color:#d1d5db;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-400]{border-top-color:#9ca3af;border-bottom-color:#9ca3af;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-500]{border-top-color:#6b7280;border-bottom-color:#6b7280;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-600]{border-top-color:#4b5563;border-bottom-color:#4b5563;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-700]{border-top-color:#374151;border-bottom-color:#374151;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-800]{border-top-color:#1f2937;border-bottom-color:#1f2937;border-top-style:solid;border-bottom-style:solid}[data-bcy=black]{border-top-color:#111827;border-bottom-color:#111827;border-top-style:solid;border-bottom-style:solid}[data-bcy=transparent]{border-top-color:transparent;border-bottom-color:transparent;border-top-style:solid;border-bottom-style:solid}[data-bct=white]{border-top-color:#f9fafb;border-top-style:solid}[data-bct=gray-100]{border-top-color:#f3f4f6;border-top-style:solid}[data-bct=gray-200]{border-top-color:#e5e7eb;border-top-style:solid}[data-bct=gray-300]{border-top-color:#d1d5db;border-top-style:solid}[data-bct=gray-400]{border-top-color:#9ca3af;border-top-style:solid}[data-bct=gray-500]{border-top-color:#6b7280;border-top-style:solid}[data-bct=gray-600]{border-top-color:#4b5563;border-top-style:solid}[data-bct=gray-700]{border-top-color:#374151;border-top-style:solid}[data-bct=gray-800]{border-top-color:#1f2937;border-top-style:solid}[data-bct=black]{border-top-color:#111827;border-top-style:solid}[data-bct=transparent]{border-top-color:transparent;border-top-style:solid}[data-bcr=white]{border-right-color:#f9fafb;border-right-style:solid}[data-bcr=gray-100]{border-right-color:#f3f4f6;border-right-style:solid}[data-bcr=gray-200]{border-right-color:#e5e7eb;border-right-style:solid}[data-bcr=gray-300]{border-right-color:#d1d5db;border-right-style:solid}[data-bcr=gray-400]{border-right-color:#9ca3af;border-right-style:solid}[data-bcr=gray-500]{border-right-color:#6b7280;border-right-style:solid}[data-bcr=gray-600]{border-right-color:#4b5563;border-right-style:solid}[data-bcr=gray-700]{border-right-color:#374151;border-right-style:solid}[data-bcr=gray-800]{border-right-color:#1f2937;border-right-style:solid}[data-bcr=black]{border-right-color:#111827;border-right-style:solid}[data-bcr=transparent]{border-right-color:transparent;border-right-style:solid}[data-bcb=white]{border-bottom-color:#f9fafb;border-bottom-style:solid}[data-bcb=gray-100]{border-bottom-color:#f3f4f6;border-bottom-style:solid}[data-bcb=gray-200]{border-bottom-color:#e5e7eb;border-bottom-style:solid}[data-bcb=gray-300]{border-bottom-color:#d1d5db;border-bottom-style:solid}[data-bcb=gray-400]{border-bottom-color:#9ca3af;border-bottom-style:solid}[data-bcb=gray-500]{border-bottom-color:#6b7280;border-bottom-style:solid}[data-bcb=gray-600]{border-bottom-color:#4b5563;border-bottom-style:solid}[data-bcb=gray-700]{border-bottom-color:#374151;border-bottom-style:solid}[data-bcb=gray-800]{border-bottom-color:#1f2937;border-bottom-style:solid}[data-bcb=black]{border-bottom-color:#111827;border-bottom-style:solid}[data-bcb=transparent]{border-bottom-color:transparent;border-bottom-style:solid}[data-bcl=white]{border-left-color:#f9fafb;border-left-style:solid}[data-bcl=gray-100]{border-left-color:#f3f4f6;border-left-style:solid}[data-bcl=gray-200]{border-left-color:#e5e7eb;border-left-style:solid}[data-bcl=gray-300]{border-left-color:#d1d5db;border-left-style:solid}[data-bcl=gray-400]{border-left-color:#9ca3af;border-left-style:solid}[data-bcl=gray-500]{border-left-color:#6b7280;border-left-style:solid}[data-bcl=gray-600]{border-left-color:#4b5563;border-left-style:solid}[data-bcl=gray-700]{border-left-color:#374151;border-left-style:solid}[data-bcl=gray-800]{border-left-color:#1f2937;border-left-style:solid}[data-bcl=black]{border-left-color:#111827;border-left-style:solid}[data-bcl=transparent]{border-left-color:transparent;border-left-style:solid}[data-br='0']{border-radius:0}[data-br='1']{border-radius:1px}[data-br='2']{border-radius:2px}[data-br='4']{border-radius:4px}[data-br='50%']{border-radius:50%}[data-max-width='528']{max-width:528px}[data-max-width='768']{max-width:768px}[data-max-width='1296']{max-width:1296px}[data-max-width='100%']{max-width:100%}[data-max-width=unset]{max-width:unset}@media (max-width:768px){[data-md-max-width='528']{max-width:528px}[data-md-max-width='768']{max-width:768px}[data-md-max-width='1296']{max-width:1296px}[data-md-max-width='100%']{max-width:100%}[data-md-max-width=unset]{max-width:unset}}[data-transform=uppercase]{text-transform:uppercase}[data-transform=lowercase]{text-transform:lowercase}[data-transform=capitalize]{text-transform:capitalize}[data-transform=truncate]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-transform=none]{text-transform:none}[data-overflow=auto]{overflow:auto}[data-overflow=scroll]{overflow:scroll}[data-overflow=hidden]{overflow:hidden}[data-top='0']{top:0}[data-right='0']{right:0}[data-bottom='0']{bottom:0}[data-left='0']{left:0}[data-inset='0']{top:0;right:0;bottom:0;left:0}.c-button{height:36px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;-webkit-transition:border-radius .3s,opacity .4s;transition:border-radius .3s,opacity .4s}.c-button[data-variant=bare],.c-button[data-variant=primary],.c-button[data-variant=secondary],.c-button[data-variant=with-icon]{font-size:12px;font-weight:600;letter-spacing:.5px;border-radius:4px;border:2px solid transparent;background-color:transparent}.c-button:active,.c-button:focus,.c-button:hover{cursor:pointer;opacity:.75;border-radius:0;-webkit-transition:border-radius .3s,opacity .4s;transition:border-radius .3s,opacity .4s}.c-button:active{border:2px solid transparent!important}.c-button:disabled{opacity:.5;-webkit-transition:opacity .3s;transition:opacity .3s}.c-button:disabled:hover{cursor:auto}.c-button[data-variant=primary]{padding:0 8px;background-color:#374151;color:#e5e7eb;letter-spacing:.75px}.c-button[data-variant=secondary]{padding:0 8px;background-color:#d1d5db;color:#1f2937;letter-spacing:.5px}.c-button[data-variant=bare],.c-button[data-variant=with-icon]{background-color:transparent;color:#1f2937;letter-spacing:.5px}.c-button[data-variant=with-icon]{padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-input{height:36px;font-size:12px;line-height:24px;color:#374151;padding:0 0 0 6px;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:border-radius .3s,border-color .4s;transition:border-radius .3s,border-color .4s}.c-input:active,.c-input:focus,.c-input:hover{border-color:#9ca3af;border-radius:0;-webkit-transition:border-radius .3s,border-color .4s;transition:border-radius .3s,border-color .4s}.c-input:disabled{opacity:.75;background:#e5e7eb;border-color:#d1d5db}.c-input:-moz-placeholder-shown{color:#4b5563}.c-input:-ms-input-placeholder{color:#4b5563}.c-input:placeholder-shown{color:#4b5563}.c-input:invalid:not(:-moz-placeholder-shown){border-color:#b31940}.c-input:invalid:not(:-ms-input-placeholder){border-color:#b31940}.c-input:invalid:not(:placeholder-shown){border-color:#b31940}@media not all and (min-resolution:0.001dpcm){.c-input{font-size:16px}}.c-label{line-height:24px;font-size:12px;text-transform:uppercase;font-weight:500;letter-spacing:1.5px;color:#4b5563}.c-label[data-variant=optional]::after{margin-left:6px;text-transform:lowercase;content:'(optional)'}.c-link{text-underline-offset:4px;letter-spacing:.5px}.c-link:hover{opacity:.75;-webkit-transition:opacity .3s;transition:opacity .3s}.c-link[data-variant=bare]{text-decoration:none}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){.c-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:24px;margin:0;padding:0 24px 0 6px;height:36px;width:150px;font-size:12px;background:#fff;border:1px solid #d1d5db;color:#374151;text-overflow:ellipsis;outline:0}.c-select:focus,.c-select:hover{cursor:pointer;border:1px solid #9ca3af}.c-select-wrapper{position:relative}.c-select-wrapper::after{position:absolute;content:'';top:12px;right:8px;height:8px;width:8px;border:2px solid #1f2937;border-left:none;border-top:none;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.c-select:disabled{opacity:.5}.c-select:disabled:hover{cursor:auto;border:1px solid #d1d5db}}@media not all and (min-resolution:0.001dpcm){.c-select{font-size:16px}}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){.c-checkbox{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;min-height:24px;min-width:24px;background:#fff;border:1px solid #d1d5db}.c-checkbox:checked,.c-checkbox:hover{border-color:#9ca3af;cursor:pointer;-webkit-transition:border-color .4s;transition:border-color .4s}.c-checkbox:checked:hover{border-color:#d1d5db;cursor:pointer;-webkit-transition:border-color .4s;transition:border-color .4s}.c-checkbox:checked::after,.c-checkbox:hover::after{position:absolute;content:'';top:6px;left:6px;height:6px;width:10px;border:2px solid #374151;border-top:0;border-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.c-checkbox:hover::after{border-color:#9ca3af}}[data-transform=truncate]:not([title]){position:relative}[data-transform=truncate]:not([title]):after{background:red;position:absolute;top:0;right:0;bottom:0;left:0;content:'Rule #1 violation (title-truncate)'}
|
|
1
|
+
[data-m='0']{margin:0}[data-m='3']{margin:3px}[data-m='6']{margin:6px}[data-m='12']{margin:12px}[data-m='24']{margin:24px}[data-m='36']{margin:36px}[data-m='48']{margin:48px}[data-m='72']{margin:72px}[data-m=auto]{margin:auto}[data-m=unset]{margin:unset}[data-mx='0']{margin-left:0;margin-right:0}[data-mx='3']{margin-left:3px;margin-right:3px}[data-mx='6']{margin-left:6px;margin-right:6px}[data-mx='12']{margin-left:12px;margin-right:12px}[data-mx='24']{margin-left:24px;margin-right:24px}[data-mx='36']{margin-left:36px;margin-right:36px}[data-mx='48']{margin-left:48px;margin-right:48px}[data-mx='72']{margin-left:72px;margin-right:72px}[data-mx=auto]{margin-left:auto;margin-right:auto}[data-mx=unset]{margin-left:unset;margin-right:unset}[data-my='0']{margin-top:0;margin-bottom:0}[data-my='3']{margin-top:3px;margin-bottom:3px}[data-my='6']{margin-top:6px;margin-bottom:6px}[data-my='12']{margin-top:12px;margin-bottom:12px}[data-my='24']{margin-top:24px;margin-bottom:24px}[data-my='36']{margin-top:36px;margin-bottom:36px}[data-my='48']{margin-top:48px;margin-bottom:48px}[data-my='72']{margin-top:72px;margin-bottom:72px}[data-my=auto]{margin-top:auto;margin-bottom:auto}[data-my=unset]{margin-top:unset;margin-bottom:unset}[data-mt='0']{margin-top:0}[data-mt='3']{margin-top:3px}[data-mt='6']{margin-top:6px}[data-mt='12']{margin-top:12px}[data-mt='24']{margin-top:24px}[data-mt='36']{margin-top:36px}[data-mt='48']{margin-top:48px}[data-mt='72']{margin-top:72px}[data-mt=auto]{margin-top:auto}[data-mt=unset]{margin-top:unset}[data-mr='0']{margin-right:0}[data-mr='3']{margin-right:3px}[data-mr='6']{margin-right:6px}[data-mr='12']{margin-right:12px}[data-mr='24']{margin-right:24px}[data-mr='36']{margin-right:36px}[data-mr='48']{margin-right:48px}[data-mr='72']{margin-right:72px}[data-mr=auto]{margin-right:auto}[data-mr=unset]{margin-right:unset}[data-mb='0']{margin-bottom:0}[data-mb='3']{margin-bottom:3px}[data-mb='6']{margin-bottom:6px}[data-mb='12']{margin-bottom:12px}[data-mb='24']{margin-bottom:24px}[data-mb='36']{margin-bottom:36px}[data-mb='48']{margin-bottom:48px}[data-mb='72']{margin-bottom:72px}[data-mb=auto]{margin-bottom:auto}[data-mb=unset]{margin-bottom:unset}[data-ml='0']{margin-left:0}[data-ml='3']{margin-left:3px}[data-ml='6']{margin-left:6px}[data-ml='12']{margin-left:12px}[data-ml='24']{margin-left:24px}[data-ml='36']{margin-left:36px}[data-ml='48']{margin-left:48px}[data-ml='72']{margin-left:72px}[data-ml=auto]{margin-left:auto}[data-ml=unset]{margin-left:unset}@media (max-width:768px){[data-md-m='0']{margin:0}[data-md-m='3']{margin:3px}[data-md-m='6']{margin:6px}[data-md-m='12']{margin:12px}[data-md-m='24']{margin:24px}[data-md-m='36']{margin:36px}[data-md-m='48']{margin:48px}[data-md-m='72']{margin:72px}[data-md-m=auto]{margin:auto}[data-md-m=unset]{margin:unset}[data-md-mx='0']{margin-left:0;margin-right:0}[data-md-mx='3']{margin-left:3px;margin-right:3px}[data-md-mx='6']{margin-left:6px;margin-right:6px}[data-md-mx='12']{margin-left:12px;margin-right:12px}[data-md-mx='24']{margin-left:24px;margin-right:24px}[data-md-mx='36']{margin-left:36px;margin-right:36px}[data-md-mx='48']{margin-left:48px;margin-right:48px}[data-md-mx='72']{margin-left:72px;margin-right:72px}[data-md-mx=auto]{margin-left:auto;margin-right:auto}[data-md-mx=unset]{margin-left:unset;margin-right:unset}[data-md-my='0']{margin-top:0;margin-bottom:0}[data-md-my='3']{margin-top:3px;margin-bottom:3px}[data-md-my='6']{margin-top:6px;margin-bottom:6px}[data-md-my='12']{margin-top:12px;margin-bottom:12px}[data-md-my='24']{margin-top:24px;margin-bottom:24px}[data-md-my='36']{margin-top:36px;margin-bottom:36px}[data-md-my='48']{margin-top:48px;margin-bottom:48px}[data-md-my='72']{margin-top:72px;margin-bottom:72px}[data-md-my=auto]{margin-top:auto;margin-bottom:auto}[data-md-my=unset]{margin-top:unset;margin-bottom:unset}[data-md-mt='0']{margin-top:0}[data-md-mt='3']{margin-top:3px}[data-md-mt='6']{margin-top:6px}[data-md-mt='12']{margin-top:12px}[data-md-mt='24']{margin-top:24px}[data-md-mt='36']{margin-top:36px}[data-md-mt='48']{margin-top:48px}[data-md-mt='72']{margin-top:72px}[data-md-mt=auto]{margin-top:auto}[data-md-mt=unset]{margin-top:unset}[data-md-mr='0']{margin-right:0}[data-md-mr='3']{margin-right:3px}[data-md-mr='6']{margin-right:6px}[data-md-mr='12']{margin-right:12px}[data-md-mr='24']{margin-right:24px}[data-md-mr='36']{margin-right:36px}[data-md-mr='48']{margin-right:48px}[data-md-mr='72']{margin-right:72px}[data-md-mr=auto]{margin-right:auto}[data-md-mr=unset]{margin-right:unset}[data-md-mb='0']{margin-bottom:0}[data-md-mb='3']{margin-bottom:3px}[data-md-mb='6']{margin-bottom:6px}[data-md-mb='12']{margin-bottom:12px}[data-md-mb='24']{margin-bottom:24px}[data-md-mb='36']{margin-bottom:36px}[data-md-mb='48']{margin-bottom:48px}[data-md-mb='72']{margin-bottom:72px}[data-md-mb=auto]{margin-bottom:auto}[data-md-mb=unset]{margin-bottom:unset}[data-md-ml='0']{margin-left:0}[data-md-ml='3']{margin-left:3px}[data-md-ml='6']{margin-left:6px}[data-md-ml='12']{margin-left:12px}[data-md-ml='24']{margin-left:24px}[data-md-ml='36']{margin-left:36px}[data-md-ml='48']{margin-left:48px}[data-md-ml='72']{margin-left:72px}[data-md-ml=auto]{margin-left:auto}[data-md-ml=unset]{margin-left:unset}}[data-p='0']{padding:0}[data-p='3']{padding:3px}[data-p='6']{padding:6px}[data-p='12']{padding:12px}[data-p='24']{padding:24px}[data-p='36']{padding:36px}[data-p='48']{padding:48px}[data-p='72']{padding:72px}[data-p=auto]{padding:auto}[data-p=unset]{padding:unset}[data-px='0']{padding-left:0;padding-right:0}[data-px='3']{padding-left:3px;padding-right:3px}[data-px='6']{padding-left:6px;padding-right:6px}[data-px='12']{padding-left:12px;padding-right:12px}[data-px='24']{padding-left:24px;padding-right:24px}[data-px='36']{padding-left:36px;padding-right:36px}[data-px='48']{padding-left:48px;padding-right:48px}[data-px='72']{padding-left:72px;padding-right:72px}[data-px=auto]{padding-left:auto;padding-right:auto}[data-px=unset]{padding-left:unset;padding-right:unset}[data-py='0']{padding-top:0;padding-bottom:0}[data-py='3']{padding-top:3px;padding-bottom:3px}[data-py='6']{padding-top:6px;padding-bottom:6px}[data-py='12']{padding-top:12px;padding-bottom:12px}[data-py='24']{padding-top:24px;padding-bottom:24px}[data-py='36']{padding-top:36px;padding-bottom:36px}[data-py='48']{padding-top:48px;padding-bottom:48px}[data-py='72']{padding-top:72px;padding-bottom:72px}[data-py=auto]{padding-top:auto;padding-bottom:auto}[data-py=unset]{padding-top:unset;padding-bottom:unset}[data-pt='0']{padding-top:0}[data-pt='3']{padding-top:3px}[data-pt='6']{padding-top:6px}[data-pt='12']{padding-top:12px}[data-pt='24']{padding-top:24px}[data-pt='36']{padding-top:36px}[data-pt='48']{padding-top:48px}[data-pt='72']{padding-top:72px}[data-pt=auto]{padding-top:auto}[data-pt=unset]{padding-top:unset}[data-pr='0']{padding-right:0}[data-pr='3']{padding-right:3px}[data-pr='6']{padding-right:6px}[data-pr='12']{padding-right:12px}[data-pr='24']{padding-right:24px}[data-pr='36']{padding-right:36px}[data-pr='48']{padding-right:48px}[data-pr='72']{padding-right:72px}[data-pr=auto]{padding-right:auto}[data-pr=unset]{padding-right:unset}[data-pb='0']{padding-bottom:0}[data-pb='3']{padding-bottom:3px}[data-pb='6']{padding-bottom:6px}[data-pb='12']{padding-bottom:12px}[data-pb='24']{padding-bottom:24px}[data-pb='36']{padding-bottom:36px}[data-pb='48']{padding-bottom:48px}[data-pb='72']{padding-bottom:72px}[data-pb=auto]{padding-bottom:auto}[data-pb=unset]{padding-bottom:unset}[data-pl='0']{padding-left:0}[data-pl='3']{padding-left:3px}[data-pl='6']{padding-left:6px}[data-pl='12']{padding-left:12px}[data-pl='24']{padding-left:24px}[data-pl='36']{padding-left:36px}[data-pl='48']{padding-left:48px}[data-pl='72']{padding-left:72px}[data-pl=auto]{padding-left:auto}[data-pl=unset]{padding-left:unset}@media (max-width:768px){[data-md-p='0']{padding:0}[data-md-p='3']{padding:3px}[data-md-p='6']{padding:6px}[data-md-p='12']{padding:12px}[data-md-p='24']{padding:24px}[data-md-p='36']{padding:36px}[data-md-p='48']{padding:48px}[data-md-p='72']{padding:72px}[data-md-p=auto]{padding:auto}[data-md-p=unset]{padding:unset}[data-md-px='0']{padding-left:0;padding-right:0}[data-md-px='3']{padding-left:3px;padding-right:3px}[data-md-px='6']{padding-left:6px;padding-right:6px}[data-md-px='12']{padding-left:12px;padding-right:12px}[data-md-px='24']{padding-left:24px;padding-right:24px}[data-md-px='36']{padding-left:36px;padding-right:36px}[data-md-px='48']{padding-left:48px;padding-right:48px}[data-md-px='72']{padding-left:72px;padding-right:72px}[data-md-px=auto]{padding-left:auto;padding-right:auto}[data-md-px=unset]{padding-left:unset;padding-right:unset}[data-md-py='0']{padding-top:0;padding-bottom:0}[data-md-py='3']{padding-top:3px;padding-bottom:3px}[data-md-py='6']{padding-top:6px;padding-bottom:6px}[data-md-py='12']{padding-top:12px;padding-bottom:12px}[data-md-py='24']{padding-top:24px;padding-bottom:24px}[data-md-py='36']{padding-top:36px;padding-bottom:36px}[data-md-py='48']{padding-top:48px;padding-bottom:48px}[data-md-py='72']{padding-top:72px;padding-bottom:72px}[data-md-py=auto]{padding-top:auto;padding-bottom:auto}[data-md-py=unset]{padding-top:unset;padding-bottom:unset}[data-md-pt='0']{padding-top:0}[data-md-pt='3']{padding-top:3px}[data-md-pt='6']{padding-top:6px}[data-md-pt='12']{padding-top:12px}[data-md-pt='24']{padding-top:24px}[data-md-pt='36']{padding-top:36px}[data-md-pt='48']{padding-top:48px}[data-md-pt='72']{padding-top:72px}[data-md-pt=auto]{padding-top:auto}[data-md-pt=unset]{padding-top:unset}[data-md-pr='0']{padding-right:0}[data-md-pr='3']{padding-right:3px}[data-md-pr='6']{padding-right:6px}[data-md-pr='12']{padding-right:12px}[data-md-pr='24']{padding-right:24px}[data-md-pr='36']{padding-right:36px}[data-md-pr='48']{padding-right:48px}[data-md-pr='72']{padding-right:72px}[data-md-pr=auto]{padding-right:auto}[data-md-pr=unset]{padding-right:unset}[data-md-pb='0']{padding-bottom:0}[data-md-pb='3']{padding-bottom:3px}[data-md-pb='6']{padding-bottom:6px}[data-md-pb='12']{padding-bottom:12px}[data-md-pb='24']{padding-bottom:24px}[data-md-pb='36']{padding-bottom:36px}[data-md-pb='48']{padding-bottom:48px}[data-md-pb='72']{padding-bottom:72px}[data-md-pb=auto]{padding-bottom:auto}[data-md-pb=unset]{padding-bottom:unset}[data-md-pl='0']{padding-left:0}[data-md-pl='3']{padding-left:3px}[data-md-pl='6']{padding-left:6px}[data-md-pl='12']{padding-left:12px}[data-md-pl='24']{padding-left:24px}[data-md-pl='36']{padding-left:36px}[data-md-pl='48']{padding-left:48px}[data-md-pl='72']{padding-left:72px}[data-md-pl=auto]{padding-left:auto}[data-md-pl=unset]{padding-left:unset}}[data-display=flex]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-display=block]{display:block}[data-display=inline-block]{display:inline-block}[data-display=none]{display:none}@media (max-width:768px){[data-md-display=flex]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-md-display=block]{display:block}[data-md-display=inline-block]{display:inline-block}[data-md-display=none]{display:none}}[data-main=start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[data-main=end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-main=between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[data-main=center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-main=baseline]{-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline}[data-cross=start]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[data-cross=end]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[data-cross=between]{-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between}[data-cross=center]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-cross=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (max-width:768px){[data-md-main=start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[data-md-main=end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-md-main=between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[data-md-main=center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-md-main=baseline]{-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline}[data-md-cross=start]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[data-md-cross=end]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[data-md-cross=between]{-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between}[data-md-cross=center]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-md-cross=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}[data-wrap=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[data-wrap=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[data-wrap=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[data-wrap=unset]{-ms-flex-wrap:unset;flex-wrap:unset}[data-direction=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[data-direction=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[data-direction=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[data-direction=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (max-width:768px){[data-md-direction=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[data-md-direction=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[data-md-direction=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[data-md-direction=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}[data-grow='1']{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[data-grow=unset]{-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset}@media (max-width:768px){[data-md-grow='1']{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[data-md-grow=unset]{-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset}}[data-width='100%']{width:100%}[data-width=auto]{width:auto}[data-width=unset]{width:unset}@media (max-width:768px){[data-md-width='100%']{width:100%}[data-md-width=auto]{width:auto}[data-md-width=unset]{width:unset}}[data-position=static]{position:static}[data-position=relative]{position:relative}[data-position=absolute]{position:absolute}[data-position=fixed]{position:fixed}[data-position=sticky]{position:sticky}[data-position=unset]{position:unset}[data-z='0']{z-index:0}[data-z='1']{z-index:1}[data-z='2']{z-index:2}[data-z='3']{z-index:3}[data-z='-1']{z-index:-1}[data-fs='12']{font-size:12px}[data-fs='14']{font-size:14px}[data-fs='16']{font-size:16px}[data-fs='20']{font-size:20px}[data-fs='24']{font-size:24px}[data-fs='32']{font-size:32px}[data-fs='36']{font-size:36px}@media (max-width:768px){[data-md-fs='12']{font-size:12px}[data-md-fs='14']{font-size:14px}[data-md-fs='16']{font-size:16px}[data-md-fs='20']{font-size:20px}[data-md-fs='24']{font-size:24px}[data-md-fs='32']{font-size:32px}[data-md-fs='36']{font-size:36px}}[data-fw='300']{font-weight:300}[data-fw='400']{font-weight:400}[data-fw='500']{font-weight:500}[data-fw='700']{font-weight:700}[data-fw='900']{font-weight:900}[data-fw=unset]{font-weight:unset}[data-color=white]{color:#f9fafb}[data-color=gray-100]{color:#f3f4f6}[data-color=gray-200]{color:#e5e7eb}[data-color=gray-300]{color:#d1d5db}[data-color=gray-400]{color:#9ca3af}[data-color=gray-500]{color:#6b7280}[data-color=gray-600]{color:#4b5563}[data-color=gray-700]{color:#374151}[data-color=gray-800]{color:#1f2937}[data-color=black]{color:#111827}[data-color=green-100]{color:#caebc5}[data-color=green-200]{color:#a7df9f}[data-color=green-300]{color:#85d279}[data-color=green-400]{color:#62c552}[data-color=green-500]{color:#48ac39}[data-color=green-600]{color:#38852c}[data-color=green-700]{color:#285f1f}[data-color=green-800]{color:#204c19}[data-color=red-100]{color:#f9d4d1}[data-color=red-200]{color:#f6b6b0}[data-color=red-300]{color:hsl(5,80%,72.5%)}[data-color=red-400]{color:hsl(5,80%,62.5%)}[data-color=red-500]{color:hsl(5,80%,52.5%)}[data-color=red-600]{color:#c02315}[data-color=red-700]{color:hsl(5,80%,32.5%)}[data-color=red-800]{color:hsl(5,80%,22.5%)}[data-color=orange-100]{color:#fad3b7}[data-color=orange-200]{color:#f7b587}[data-color=orange-300]{color:#f49857}[data-color=orange-400]{color:#f17b27}[data-color=orange-500]{color:#d7610d}[data-color=orange-600]{color:hsl(25,88%,37.5%)}[data-color=orange-700]{color:hsl(25,88%,27.5%)}[data-color=orange-800]{color:#5f2b06}[data-lh='12']{line-height:12px}[data-lh='16']{line-height:16px}[data-lh='20']{line-height:20px}[data-lh='24']{line-height:24px}[data-lh='32']{line-height:32px}[data-lh='36']{line-height:36px}[data-lh=unset]{line-height:unsetpx}[data-ls='1']{letter-spacing:1px}[data-ls='2']{letter-spacing:2px}[data-ls='0.5']{letter-spacing:.5px}[data-ls='1.5']{letter-spacing:1.5px}[data-bg=white]{background-color:#f9fafb}[data-bg=gray-100]{background-color:#f3f4f6}[data-bg=gray-200]{background-color:#e5e7eb}[data-bg=gray-300]{background-color:#d1d5db}[data-bg=gray-400]{background-color:#9ca3af}[data-bg=gray-500]{background-color:#6b7280}[data-bg=gray-600]{background-color:#4b5563}[data-bg=gray-700]{background-color:#374151}[data-bg=gray-800]{background-color:#1f2937}[data-bg=black]{background-color:#111827}[data-bg=green-100]{background-color:#caebc5}[data-bg=green-200]{background-color:#a7df9f}[data-bg=green-300]{background-color:#85d279}[data-bg=green-400]{background-color:#62c552}[data-bg=green-500]{background-color:#48ac39}[data-bg=green-600]{background-color:#38852c}[data-bg=green-700]{background-color:#285f1f}[data-bg=green-800]{background-color:#204c19}[data-bg=red-100]{background-color:#f9d4d1}[data-bg=red-200]{background-color:#f6b6b0}[data-bg=red-300]{background-color:hsl(5,80%,72.5%)}[data-bg=red-400]{background-color:hsl(5,80%,62.5%)}[data-bg=red-500]{background-color:hsl(5,80%,52.5%)}[data-bg=red-600]{background-color:#c02315}[data-bg=red-700]{background-color:hsl(5,80%,32.5%)}[data-bg=red-800]{background-color:hsl(5,80%,22.5%)}[data-bg=orange-100]{background-color:#fad3b7}[data-bg=orange-200]{background-color:#f7b587}[data-bg=orange-300]{background-color:#f49857}[data-bg=orange-400]{background-color:#f17b27}[data-bg=orange-500]{background-color:#d7610d}[data-bg=orange-600]{background-color:hsl(25,88%,37.5%)}[data-bg=orange-700]{background-color:hsl(25,88%,27.5%)}[data-bg=orange-800]{background-color:#5f2b06}[data-bw='1']{border-width:1px}[data-bw='2']{border-width:2px}[data-bw='4']{border-width:4px}[data-bw='6']{border-width:6px}[data-bw='12']{border-width:12px}[data-bwx='1']{border-left-width:1px;border-right-width:1px}[data-bwx='2']{border-left-width:2px;border-right-width:2px}[data-bwx='4']{border-left-width:4px;border-right-width:4px}[data-bwx='6']{border-left-width:6px;border-right-width:6px}[data-bwx='12']{border-left-width:12px;border-right-width:12px}[data-bwy='1']{border-top-width:1px;border-bottom-width:1px}[data-bwy='2']{border-top-width:2px;border-bottom-width:2px}[data-bwy='4']{border-top-width:4px;border-bottom-width:4px}[data-bwy='6']{border-top-width:6px;border-bottom-width:6px}[data-bwy='12']{border-top-width:12px;border-bottom-width:12px}[data-bwt='1']{border-top-width:1px}[data-bwt='2']{border-top-width:2px}[data-bwt='4']{border-top-width:4px}[data-bwt='6']{border-top-width:6px}[data-bwt='12']{border-top-width:12px}[data-bwr='1']{border-right-width:1px}[data-bwr='2']{border-right-width:2px}[data-bwr='4']{border-right-width:4px}[data-bwr='6']{border-right-width:6px}[data-bwr='12']{border-right-width:12px}[data-bwb='1']{border-bottom-width:1px}[data-bwb='2']{border-bottom-width:2px}[data-bwb='4']{border-bottom-width:4px}[data-bwb='6']{border-bottom-width:6px}[data-bwb='12']{border-bottom-width:12px}[data-bwl='1']{border-left-width:1px}[data-bwl='2']{border-left-width:2px}[data-bwl='4']{border-left-width:4px}[data-bwl='6']{border-left-width:6px}[data-bwl='12']{border-left-width:12px}[data-bc=white]{border-color:#f9fafb;border-style:solid}[data-bc=gray-100]{border-color:#f3f4f6;border-style:solid}[data-bc=gray-200]{border-color:#e5e7eb;border-style:solid}[data-bc=gray-300]{border-color:#d1d5db;border-style:solid}[data-bc=gray-400]{border-color:#9ca3af;border-style:solid}[data-bc=gray-500]{border-color:#6b7280;border-style:solid}[data-bc=gray-600]{border-color:#4b5563;border-style:solid}[data-bc=gray-700]{border-color:#374151;border-style:solid}[data-bc=gray-800]{border-color:#1f2937;border-style:solid}[data-bc=black]{border-color:#111827;border-style:solid}[data-bc=transparent]{border-color:transparent;border-style:solid}[data-bc=green-100]{border-color:#caebc5;border-style:solid}[data-bc=green-200]{border-color:#a7df9f;border-style:solid}[data-bc=green-300]{border-color:#85d279;border-style:solid}[data-bc=green-400]{border-color:#62c552;border-style:solid}[data-bc=green-500]{border-color:#48ac39;border-style:solid}[data-bc=green-600]{border-color:#38852c;border-style:solid}[data-bc=green-700]{border-color:#285f1f;border-style:solid}[data-bc=green-800]{border-color:#204c19;border-style:solid}[data-bc=orange-100]{border-color:#fad3b7;border-style:solid}[data-bc=orange-200]{border-color:#f7b587;border-style:solid}[data-bc=orange-300]{border-color:#f49857;border-style:solid}[data-bc=orange-400]{border-color:#f17b27;border-style:solid}[data-bc=orange-500]{border-color:#d7610d;border-style:solid}[data-bc=orange-600]{border-color:hsl(25,88%,37.5%);border-style:solid}[data-bc=orange-700]{border-color:hsl(25,88%,27.5%);border-style:solid}[data-bc=orange-800]{border-color:#5f2b06;border-style:solid}[data-bc=red-100]{border-color:#f9d4d1;border-style:solid}[data-bc=red-200]{border-color:#f6b6b0;border-style:solid}[data-bc=red-300]{border-color:hsl(5,80%,72.5%);border-style:solid}[data-bc=red-400]{border-color:hsl(5,80%,62.5%);border-style:solid}[data-bc=red-500]{border-color:hsl(5,80%,52.5%);border-style:solid}[data-bc=red-600]{border-color:#c02315;border-style:solid}[data-bc=red-700]{border-color:hsl(5,80%,32.5%);border-style:solid}[data-bc=red-800]{border-color:hsl(5,80%,22.5%);border-style:solid}[data-bcx=white]{border-right-color:#f9fafb;border-left-color:#f9fafb;border-right-style:solid;border-left-style:solid}[data-bcx=gray-100]{border-right-color:#f3f4f6;border-left-color:#f3f4f6;border-right-style:solid;border-left-style:solid}[data-bcx=gray-200]{border-right-color:#e5e7eb;border-left-color:#e5e7eb;border-right-style:solid;border-left-style:solid}[data-bcx=gray-300]{border-right-color:#d1d5db;border-left-color:#d1d5db;border-right-style:solid;border-left-style:solid}[data-bcx=gray-400]{border-right-color:#9ca3af;border-left-color:#9ca3af;border-right-style:solid;border-left-style:solid}[data-bcx=gray-500]{border-right-color:#6b7280;border-left-color:#6b7280;border-right-style:solid;border-left-style:solid}[data-bcx=gray-600]{border-right-color:#4b5563;border-left-color:#4b5563;border-right-style:solid;border-left-style:solid}[data-bcx=gray-700]{border-right-color:#374151;border-left-color:#374151;border-right-style:solid;border-left-style:solid}[data-bcx=gray-800]{border-right-color:#1f2937;border-left-color:#1f2937;border-right-style:solid;border-left-style:solid}[data-bcx=black]{border-right-color:#111827;border-left-color:#111827;border-right-style:solid;border-left-style:solid}[data-bcx=transparent]{border-right-color:transparent;border-left-color:transparent;border-right-style:solid;border-left-style:solid}[data-bcy=white]{border-top-color:#f9fafb;border-bottom-color:#f9fafb;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-100]{border-top-color:#f3f4f6;border-bottom-color:#f3f4f6;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-200]{border-top-color:#e5e7eb;border-bottom-color:#e5e7eb;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-300]{border-top-color:#d1d5db;border-bottom-color:#d1d5db;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-400]{border-top-color:#9ca3af;border-bottom-color:#9ca3af;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-500]{border-top-color:#6b7280;border-bottom-color:#6b7280;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-600]{border-top-color:#4b5563;border-bottom-color:#4b5563;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-700]{border-top-color:#374151;border-bottom-color:#374151;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-800]{border-top-color:#1f2937;border-bottom-color:#1f2937;border-top-style:solid;border-bottom-style:solid}[data-bcy=black]{border-top-color:#111827;border-bottom-color:#111827;border-top-style:solid;border-bottom-style:solid}[data-bcy=transparent]{border-top-color:transparent;border-bottom-color:transparent;border-top-style:solid;border-bottom-style:solid}[data-bct=white]{border-top-color:#f9fafb;border-top-style:solid}[data-bct=gray-100]{border-top-color:#f3f4f6;border-top-style:solid}[data-bct=gray-200]{border-top-color:#e5e7eb;border-top-style:solid}[data-bct=gray-300]{border-top-color:#d1d5db;border-top-style:solid}[data-bct=gray-400]{border-top-color:#9ca3af;border-top-style:solid}[data-bct=gray-500]{border-top-color:#6b7280;border-top-style:solid}[data-bct=gray-600]{border-top-color:#4b5563;border-top-style:solid}[data-bct=gray-700]{border-top-color:#374151;border-top-style:solid}[data-bct=gray-800]{border-top-color:#1f2937;border-top-style:solid}[data-bct=black]{border-top-color:#111827;border-top-style:solid}[data-bct=transparent]{border-top-color:transparent;border-top-style:solid}[data-bcr=white]{border-right-color:#f9fafb;border-right-style:solid}[data-bcr=gray-100]{border-right-color:#f3f4f6;border-right-style:solid}[data-bcr=gray-200]{border-right-color:#e5e7eb;border-right-style:solid}[data-bcr=gray-300]{border-right-color:#d1d5db;border-right-style:solid}[data-bcr=gray-400]{border-right-color:#9ca3af;border-right-style:solid}[data-bcr=gray-500]{border-right-color:#6b7280;border-right-style:solid}[data-bcr=gray-600]{border-right-color:#4b5563;border-right-style:solid}[data-bcr=gray-700]{border-right-color:#374151;border-right-style:solid}[data-bcr=gray-800]{border-right-color:#1f2937;border-right-style:solid}[data-bcr=black]{border-right-color:#111827;border-right-style:solid}[data-bcr=transparent]{border-right-color:transparent;border-right-style:solid}[data-bcb=white]{border-bottom-color:#f9fafb;border-bottom-style:solid}[data-bcb=gray-100]{border-bottom-color:#f3f4f6;border-bottom-style:solid}[data-bcb=gray-200]{border-bottom-color:#e5e7eb;border-bottom-style:solid}[data-bcb=gray-300]{border-bottom-color:#d1d5db;border-bottom-style:solid}[data-bcb=gray-400]{border-bottom-color:#9ca3af;border-bottom-style:solid}[data-bcb=gray-500]{border-bottom-color:#6b7280;border-bottom-style:solid}[data-bcb=gray-600]{border-bottom-color:#4b5563;border-bottom-style:solid}[data-bcb=gray-700]{border-bottom-color:#374151;border-bottom-style:solid}[data-bcb=gray-800]{border-bottom-color:#1f2937;border-bottom-style:solid}[data-bcb=black]{border-bottom-color:#111827;border-bottom-style:solid}[data-bcb=transparent]{border-bottom-color:transparent;border-bottom-style:solid}[data-bcl=white]{border-left-color:#f9fafb;border-left-style:solid}[data-bcl=gray-100]{border-left-color:#f3f4f6;border-left-style:solid}[data-bcl=gray-200]{border-left-color:#e5e7eb;border-left-style:solid}[data-bcl=gray-300]{border-left-color:#d1d5db;border-left-style:solid}[data-bcl=gray-400]{border-left-color:#9ca3af;border-left-style:solid}[data-bcl=gray-500]{border-left-color:#6b7280;border-left-style:solid}[data-bcl=gray-600]{border-left-color:#4b5563;border-left-style:solid}[data-bcl=gray-700]{border-left-color:#374151;border-left-style:solid}[data-bcl=gray-800]{border-left-color:#1f2937;border-left-style:solid}[data-bcl=black]{border-left-color:#111827;border-left-style:solid}[data-bcl=transparent]{border-left-color:transparent;border-left-style:solid}[data-br='0']{border-radius:0}[data-br='1']{border-radius:1px}[data-br='2']{border-radius:2px}[data-br='4']{border-radius:4px}[data-br='50%']{border-radius:50%}[data-max-width='528']{max-width:528px}[data-max-width='768']{max-width:768px}[data-max-width='1296']{max-width:1296px}[data-max-width='100%']{max-width:100%}[data-max-width=unset]{max-width:unset}@media (max-width:768px){[data-md-max-width='528']{max-width:528px}[data-md-max-width='768']{max-width:768px}[data-md-max-width='1296']{max-width:1296px}[data-md-max-width='100%']{max-width:100%}[data-md-max-width=unset]{max-width:unset}}[data-transform=uppercase]{text-transform:uppercase}[data-transform=lowercase]{text-transform:lowercase}[data-transform=capitalize]{text-transform:capitalize}[data-transform=truncate]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-transform=none]{text-transform:none}[data-overflow=auto]{overflow:auto}[data-overflow=scroll]{overflow:scroll}[data-overflow=hidden]{overflow:hidden}[data-top='0']{top:0}[data-right='0']{right:0}[data-bottom='0']{bottom:0}[data-left='0']{left:0}[data-inset='0']{top:0;right:0;bottom:0;left:0}.c-button{height:36px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;-webkit-transition:border-radius .3s,opacity .4s;transition:border-radius .3s,opacity .4s}.c-button[data-variant=bare],.c-button[data-variant=primary],.c-button[data-variant=secondary],.c-button[data-variant=with-icon]{font-size:12px;font-weight:600;letter-spacing:.5px;border-radius:4px;border:2px solid transparent;background-color:transparent}.c-button:active,.c-button:focus,.c-button:hover{cursor:pointer;opacity:.75;border-radius:0;-webkit-transition:border-radius .3s,opacity .4s;transition:border-radius .3s,opacity .4s}.c-button:active{border:2px solid transparent!important}.c-button:disabled{opacity:.5;-webkit-transition:opacity .3s;transition:opacity .3s}.c-button:disabled:hover{cursor:auto}.c-button[data-variant=primary]{padding:0 8px;background-color:#374151;color:#e5e7eb;letter-spacing:.75px}.c-button[data-variant=secondary]{padding:0 8px;background-color:#d1d5db;color:#1f2937;letter-spacing:.5px}.c-button[data-variant=bare],.c-button[data-variant=with-icon]{background-color:transparent;color:#1f2937;letter-spacing:.5px}.c-button[data-variant=with-icon]{padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-input{height:36px;font-size:12px;line-height:24px;color:#374151;padding:0 0 0 6px;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:border-radius .3s,border-color .4s;transition:border-radius .3s,border-color .4s}.c-input:active,.c-input:focus,.c-input:hover{border-color:#9ca3af;border-radius:0;-webkit-transition:border-radius .3s,border-color .4s;transition:border-radius .3s,border-color .4s}.c-input:disabled{opacity:.75;background:#e5e7eb;border-color:#d1d5db}.c-input:-moz-placeholder-shown{color:#4b5563}.c-input:-ms-input-placeholder{color:#4b5563}.c-input:placeholder-shown{color:#4b5563}.c-input:invalid:not(:-moz-placeholder-shown){border-color:#b31940}.c-input:invalid:not(:-ms-input-placeholder){border-color:#b31940}.c-input:invalid:not(:placeholder-shown){border-color:#b31940}@media not all and (min-resolution:0.001dpcm){.c-input{font-size:16px}}.c-label{line-height:24px;font-size:12px;text-transform:uppercase;font-weight:500;letter-spacing:1.5px;color:#4b5563}.c-label[data-variant=optional]::after{margin-left:6px;text-transform:lowercase;content:'(optional)'}.c-link{text-underline-offset:4px;letter-spacing:.5px}.c-link:hover{opacity:.75;-webkit-transition:opacity .3s;transition:opacity .3s}.c-link[data-variant=bare]{text-decoration:none}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){.c-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:24px;margin:0;padding:0 24px 0 6px;height:36px;width:150px;font-size:12px;background:#fff;border:1px solid #d1d5db;color:#374151;text-overflow:ellipsis;outline:0}.c-select:focus,.c-select:hover{cursor:pointer;border:1px solid #9ca3af}.c-select-wrapper{position:relative}.c-select-wrapper::after{position:absolute;content:'';top:12px;right:8px;height:8px;width:8px;border:2px solid #1f2937;border-left:none;border-top:none;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.c-select:disabled{opacity:.5}.c-select:disabled:hover{cursor:auto;border:1px solid #d1d5db}}@media not all and (min-resolution:0.001dpcm){.c-select{font-size:16px}}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){.c-checkbox{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;min-height:24px;min-width:24px;background:#fff;border:1px solid #d1d5db}.c-checkbox:checked,.c-checkbox:hover{border-color:#9ca3af;cursor:pointer;-webkit-transition:border-color .4s;transition:border-color .4s}.c-checkbox:checked:hover{border-color:#d1d5db;cursor:pointer;-webkit-transition:border-color .4s;transition:border-color .4s}.c-checkbox:checked::after,.c-checkbox:hover::after{position:absolute;content:'';top:6px;left:6px;height:6px;width:10px;border:2px solid #374151;border-top:0;border-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.c-checkbox:hover::after{border-color:#9ca3af}}[data-anima=appeared]{-webkit-transition:all .3s;transition:all .3s;-webkit-transition:all var(--duration, 300ms);transition:all var(--duration, 300ms)}[data-anima=hidding]{-webkit-transition:all .3s;transition:all .3s;-webkit-transition:all var(--duration, 300ms);transition:all var(--duration, 300ms)}[data-anima-style=opacity][data-anima=appearing]{opacity:0}[data-anima-style=opacity][data-anima=appeared]{opacity:1}[data-anima-style=opacity][data-anima=hidding]{opacity:0}[data-transform=truncate]:not([title]){position:relative}[data-transform=truncate]:not([title]):after{background:red;position:absolute;top:0;right:0;bottom:0;left:0;content:'Rule #1 violation (title-truncate)'}
|
package/dist/main.min.css.br
CHANGED
|
Binary file
|
package/dist/main.min.css.gz
CHANGED
|
Binary file
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class Margins
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class Margins extends AbstractGenerator {
|
|
3
3
|
spacing: GeneratorConfigType['spacing'];
|
|
4
4
|
breakpoints: GeneratorConfigType['breakpoints'];
|
|
5
5
|
constructor(config: GeneratorConfigType);
|
|
6
|
-
generateHeader(): string;
|
|
7
6
|
generateCss(): string;
|
|
8
|
-
generateFooter(): string;
|
|
9
7
|
}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class MaxWidthsGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class MaxWidthsGenerator extends AbstractGenerator {
|
|
3
3
|
maxWidths: GeneratorConfigType['maxWidths'];
|
|
4
4
|
breakpoints: GeneratorConfigType['breakpoints'];
|
|
5
5
|
constructor(config: GeneratorConfigType);
|
|
6
|
-
generateHeader(): string;
|
|
7
6
|
generateCss(): string;
|
|
8
|
-
generateFooter(): string;
|
|
9
7
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class OverflowsGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class OverflowsGenerator extends AbstractGenerator {
|
|
3
3
|
overflows: GeneratorConfigType['overflows'];
|
|
4
4
|
constructor(config: GeneratorConfigType);
|
|
5
|
-
generateHeader(): string;
|
|
6
5
|
generateCss(): string;
|
|
7
|
-
generateFooter(): string;
|
|
8
6
|
}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class Paddings
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class Paddings extends AbstractGenerator {
|
|
3
3
|
spacing: GeneratorConfigType['spacing'];
|
|
4
4
|
breakpoints: GeneratorConfigType['breakpoints'];
|
|
5
5
|
constructor(config: GeneratorConfigType);
|
|
6
|
-
generateHeader(): string;
|
|
7
6
|
generateCss(): string;
|
|
8
|
-
generateFooter(): string;
|
|
9
7
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class PositionersGenerator
|
|
3
|
-
|
|
1
|
+
import { AbstractGenerator } from './generator';
|
|
2
|
+
export declare class PositionersGenerator extends AbstractGenerator {
|
|
3
|
+
constructor();
|
|
4
4
|
generateCss(): string;
|
|
5
|
-
generateFooter(): string;
|
|
6
5
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class PositionsGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class PositionsGenerator extends AbstractGenerator {
|
|
3
3
|
positions: GeneratorConfigType['positions'];
|
|
4
4
|
constructor(config: GeneratorConfigType);
|
|
5
|
-
generateHeader(): string;
|
|
6
5
|
generateCss(): string;
|
|
7
|
-
generateFooter(): string;
|
|
8
6
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class TransformsGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class TransformsGenerator extends AbstractGenerator {
|
|
3
3
|
transforms: GeneratorConfigType['transforms'];
|
|
4
4
|
constructor(config: GeneratorConfigType);
|
|
5
|
-
generateHeader(): string;
|
|
6
5
|
generateCss(): string;
|
|
7
|
-
generateFooter(): string;
|
|
8
6
|
}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class WidthsGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class WidthsGenerator extends AbstractGenerator {
|
|
3
3
|
widhts: GeneratorConfigType['widths'];
|
|
4
4
|
breakpoints: GeneratorConfigType['breakpoints'];
|
|
5
5
|
constructor(config: GeneratorConfigType);
|
|
6
|
-
generateHeader(): string;
|
|
7
6
|
generateCss(): string;
|
|
8
|
-
generateFooter(): string;
|
|
9
7
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class ZIndexGenerator
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
|
+
export declare class ZIndexGenerator extends AbstractGenerator {
|
|
3
3
|
zIndexes: GeneratorConfigType['zIndexes'];
|
|
4
4
|
constructor(config: GeneratorConfigType);
|
|
5
|
-
generateHeader(): string;
|
|
6
5
|
generateCss(): string;
|
|
7
|
-
generateFooter(): string;
|
|
8
6
|
}
|
package/package.json
CHANGED
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
2
|
|
|
3
|
-
export class AxisPlacementsGenerator
|
|
3
|
+
export class AxisPlacementsGenerator extends AbstractGenerator {
|
|
4
4
|
axisPlacements: GeneratorConfigType['axisPlacements'];
|
|
5
5
|
breakpoints: GeneratorConfigType['breakpoints'];
|
|
6
6
|
|
|
7
7
|
constructor(config: GeneratorConfigType) {
|
|
8
|
+
super('Axis placements');
|
|
9
|
+
|
|
8
10
|
this.axisPlacements = config.axisPlacements;
|
|
9
11
|
this.breakpoints = config.breakpoints;
|
|
10
12
|
}
|
|
11
13
|
|
|
12
|
-
generateHeader(): string {
|
|
13
|
-
return '/* Axis placements */\n\n';
|
|
14
|
-
}
|
|
15
|
-
|
|
16
14
|
generateCss(): string {
|
|
17
15
|
let output = '';
|
|
18
16
|
|
|
@@ -42,8 +40,4 @@ export class AxisPlacementsGenerator implements GeneratorInterface {
|
|
|
42
40
|
|
|
43
41
|
return output;
|
|
44
42
|
}
|
|
45
|
-
|
|
46
|
-
generateFooter(): string {
|
|
47
|
-
return '/* ===================== */\n\n';
|
|
48
|
-
}
|
|
49
43
|
}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
2
|
|
|
3
|
-
export class BackgroundsGenerator
|
|
3
|
+
export class BackgroundsGenerator extends AbstractGenerator {
|
|
4
4
|
colors: GeneratorConfigType['grayscale'];
|
|
5
5
|
|
|
6
6
|
constructor(config: GeneratorConfigType) {
|
|
7
|
+
super('Backgrounds');
|
|
8
|
+
|
|
7
9
|
this.colors = {
|
|
8
10
|
...config.grayscale,
|
|
9
11
|
...config.greens,
|
|
@@ -12,10 +14,6 @@ export class BackgroundsGenerator implements GeneratorInterface {
|
|
|
12
14
|
};
|
|
13
15
|
}
|
|
14
16
|
|
|
15
|
-
generateHeader(): string {
|
|
16
|
-
return '/* Backgrounds */\n\n';
|
|
17
|
-
}
|
|
18
|
-
|
|
19
17
|
generateCss(): string {
|
|
20
18
|
let output = '';
|
|
21
19
|
|
|
@@ -26,8 +24,4 @@ export class BackgroundsGenerator implements GeneratorInterface {
|
|
|
26
24
|
|
|
27
25
|
return output;
|
|
28
26
|
}
|
|
29
|
-
|
|
30
|
-
generateFooter(): string {
|
|
31
|
-
return '/* ===================== */\n\n';
|
|
32
|
-
}
|
|
33
27
|
}
|
|
@@ -1,22 +1,20 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
2
|
|
|
3
|
-
export class BorderColorsGenerator
|
|
3
|
+
export class BorderColorsGenerator extends AbstractGenerator {
|
|
4
4
|
borderColors: GeneratorConfigType['borderColors'];
|
|
5
5
|
greens: GeneratorConfigType['greens'];
|
|
6
6
|
oranges: GeneratorConfigType['oranges'];
|
|
7
7
|
reds: GeneratorConfigType['reds'];
|
|
8
8
|
|
|
9
9
|
constructor(config: GeneratorConfigType) {
|
|
10
|
+
super('Border colors');
|
|
11
|
+
|
|
10
12
|
this.borderColors = config.borderColors;
|
|
11
13
|
this.greens = config.greens;
|
|
12
14
|
this.oranges = config.oranges;
|
|
13
15
|
this.reds = config.reds;
|
|
14
16
|
}
|
|
15
17
|
|
|
16
|
-
generateHeader(): string {
|
|
17
|
-
return '/* Border colors */\n\n';
|
|
18
|
-
}
|
|
19
|
-
|
|
20
18
|
generateCss(): string {
|
|
21
19
|
let output = '';
|
|
22
20
|
|
|
@@ -51,8 +49,4 @@ export class BorderColorsGenerator implements GeneratorInterface {
|
|
|
51
49
|
|
|
52
50
|
return output;
|
|
53
51
|
}
|
|
54
|
-
|
|
55
|
-
generateFooter(): string {
|
|
56
|
-
return '/* ===================== */\n\n';
|
|
57
|
-
}
|
|
58
52
|
}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
2
|
|
|
3
|
-
export class BorderRadiusesGenerator
|
|
3
|
+
export class BorderRadiusesGenerator extends AbstractGenerator {
|
|
4
4
|
borderRadiuses: GeneratorConfigType['borderRadiuses'];
|
|
5
5
|
|
|
6
6
|
constructor(config: GeneratorConfigType) {
|
|
7
|
+
super('Border radiuses');
|
|
7
8
|
this.borderRadiuses = config.borderRadiuses;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
|
-
generateHeader(): string {
|
|
11
|
-
return '/* Border radiuses */\n\n';
|
|
12
|
-
}
|
|
13
|
-
|
|
14
11
|
generateCss(): string {
|
|
15
12
|
let output = '';
|
|
16
13
|
|
|
@@ -20,8 +17,4 @@ export class BorderRadiusesGenerator implements GeneratorInterface {
|
|
|
20
17
|
|
|
21
18
|
return output;
|
|
22
19
|
}
|
|
23
|
-
|
|
24
|
-
generateFooter(): string {
|
|
25
|
-
return '/* ===================== */\n\n';
|
|
26
|
-
}
|
|
27
20
|
}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AbstractGenerator, GeneratorConfigType } from './generator';
|
|
2
2
|
|
|
3
|
-
export class BorderWidthsGenerator
|
|
3
|
+
export class BorderWidthsGenerator extends AbstractGenerator {
|
|
4
4
|
borderWidths: GeneratorConfigType['borderWidths'];
|
|
5
5
|
|
|
6
6
|
constructor(config: GeneratorConfigType) {
|
|
7
|
-
|
|
8
|
-
}
|
|
7
|
+
super('Border widths');
|
|
9
8
|
|
|
10
|
-
|
|
11
|
-
return '/* Border widths */\n\n';
|
|
9
|
+
this.borderWidths = config.borderWidths;
|
|
12
10
|
}
|
|
13
11
|
|
|
14
12
|
generateCss(): string {
|
|
@@ -44,8 +42,4 @@ export class BorderWidthsGenerator implements GeneratorInterface {
|
|
|
44
42
|
|
|
45
43
|
return output;
|
|
46
44
|
}
|
|
47
|
-
|
|
48
|
-
generateFooter(): string {
|
|
49
|
-
return '/* ===================== */\n\n';
|
|
50
|
-
}
|
|
51
45
|
}
|