@bgord/design 0.28.0 → 0.29.0

package/src/ui/button.css

@@ -8,17 +8,19 @@
   white-space: nowrap; /* Prevents from multiline text */
   touch-action: manipulation; /* Don't wait for second tap */
 
-  transition: border-radius 300ms, opacity 400ms;
+  transition:
+    border-radius 300ms,
+    opacity 400ms;
 }
 
 /*
   Attributes that are modifiable,
   but common to all variants.
 */
-.c-button[data-variant='primary'],
-.c-button[data-variant='secondary'],
-.c-button[data-variant='bare'],
-.c-button[data-variant='with-icon'] {
+.c-button[data-variant="primary"],
+.c-button[data-variant="secondary"],
+.c-button[data-variant="bare"],
+.c-button[data-variant="with-icon"] {
   font-size: 12px;
   font-weight: 600;
 
@@ -37,7 +39,9 @@
   opacity: 0.75;
   border-radius: 0;
 
-  transition: border-radius 300ms, opacity 400ms;
+  transition:
+    border-radius 300ms,
+    opacity 400ms;
 }
 
 .c-button:active {
@@ -54,25 +58,25 @@
   border-radius: 4px;
 }
 
-.c-button[data-variant='primary'] {
+.c-button[data-variant="primary"] {
   padding: 0 8px;
   background-color: #374151;
   color: #e5e7eb;
   letter-spacing: 0.75px;
 }
-.c-button[data-variant='secondary'] {
+.c-button[data-variant="secondary"] {
   padding: 0 8px;
   background-color: #d1d5db;
   color: #1f2937;
   letter-spacing: 0.5px;
 }
-.c-button[data-variant='bare'],
-.c-button[data-variant='with-icon'] {
+.c-button[data-variant="bare"],
+.c-button[data-variant="with-icon"] {
   background-color: transparent;
   color: #1f2937;
   letter-spacing: 0.5px;
 }
-.c-button[data-variant='with-icon'] {
+.c-button[data-variant="with-icon"] {
   display: flex;
   justify-content: center;
   align-items: center;

package/src/ui/checkbox.css

@@ -34,7 +34,7 @@
   .c-checkbox:checked::after,
   .c-checkbox:hover::after {
     position: absolute;
-    content: '';
+    content: "";
 
     top: 6px;
     left: 6px;

package/src/ui/input.css

@@ -12,7 +12,9 @@
   outline: none;
   appearance: none;
 
-  transition: border-radius 300ms, border-color 400ms;
+  transition:
+    border-radius 300ms,
+    border-color 400ms;
 }
 
 .c-input:hover,
@@ -21,7 +23,9 @@
   border-color: #9ca3af;
   border-radius: 0;
 
-  transition: border-radius 300ms, border-color 400ms;
+  transition:
+    border-radius 300ms,
+    border-color 400ms;
 }
 
 .c-input:disabled {

package/src/ui/label.css

@@ -9,10 +9,10 @@
   color: #4b5563;
 }
 
-.c-label[data-variant='optional']::after {
+.c-label[data-variant="optional"]::after {
   margin-left: 6px;
   text-transform: lowercase;
-  content: '(optional)';
+  content: "(optional)";
 }
 
 /* ===================== */

package/src/ui/link.css

@@ -10,7 +10,7 @@
   transition: opacity 300ms;
 }
 
-.c-link[data-variant='bare'] {
+.c-link[data-variant="bare"] {
   text-decoration: none;
 }
 

package/src/ui/range.css

@@ -48,25 +48,21 @@
   border: none;
 }
 
-.c-range[data-variant='primary'] {
+.c-range[data-variant="primary"] {
   background: #e5e7eb;
 }
-.c-range[data-variant='primary']::-moz-range-thumb {
+.c-range[data-variant="primary"]::-moz-range-thumb {
   background: #4b5563;
 }
-.c-range[data-variant='primary']::-webkit-slider-thumb {
+.c-range[data-variant="primary"]::-webkit-slider-thumb {
   background: #4b5563;
 }
-.c-range[data-variant='primary']::-ms-thumb {
+.c-range[data-variant="primary"]::-ms-thumb {
   background: #4b5563;
 }
 
-.c-range[data-variant='primary'] {
-  background: linear-gradient(
-    to right,
-    #4b5563 var(--percentage),
-    #e5e7eb var(--percentage)
-  );
+.c-range[data-variant="primary"] {
+  background: linear-gradient(to right, #4b5563 var(--percentage), #e5e7eb var(--percentage));
 }
 
 /* ===================== */

package/src/ui/select.css

@@ -27,7 +27,7 @@
 
   .c-select-wrapper::after {
     position: absolute;
-    content: '';
+    content: "";
     top: 12px;
     right: 8px;
     height: 8px;

package/src/ui/textarea.css

@@ -12,7 +12,9 @@
   appearance: none;
   resize: none;
 
-  transition: border-radius 300ms, border-color 400ms;
+  transition:
+    border-radius 300ms,
+    border-color 400ms;
 }
 
 .c-textarea:hover,
@@ -21,7 +23,9 @@
   border-color: #9ca3af;
   border-radius: 0;
 
-  transition: border-radius 300ms, border-color 400ms;
+  transition:
+    border-radius 300ms,
+    border-color 400ms;
 }
 
 .c-textarea:disabled {

package/dist/axis-placements-generator.d.ts

@@ -1,7 +0,0 @@
-import { AbstractGenerator, GeneratorConfigType } from './generator';
-export declare class AxisPlacementsGenerator extends AbstractGenerator {
-    axisPlacements: GeneratorConfigType['axisPlacements'];
-    breakpoints: GeneratorConfigType['breakpoints'];
-    constructor(config: GeneratorConfigType);
-    generateCss(): string;
-}

package/dist/backdrops-generator.d.ts

@@ -1,6 +0,0 @@
-import { AbstractGenerator, GeneratorConfigType } from './generator';
-export declare class BackdropsGenerator extends AbstractGenerator {
-    backdrops: GeneratorConfigType['backdrops'];
-    constructor(config: GeneratorConfigType);
-    generateCss(): string;
-}

package/dist/backgrounds-generator.d.ts

@@ -1,6 +0,0 @@
-import { AbstractGenerator, GeneratorConfigType } from './generator';
-export declare class BackgroundsGenerator extends AbstractGenerator {
-    colors: GeneratorConfigType['grayscale'];
-    constructor(config: GeneratorConfigType);
-    generateCss(): string;
-}

package/dist/border-colors-generator.d.ts

@@ -1,9 +0,0 @@
-import { AbstractGenerator, GeneratorConfigType } from './generator';
-export declare class BorderColorsGenerator extends AbstractGenerator {
-    borderColors: GeneratorConfigType['borderColors'];
-    greens: GeneratorConfigType['greens'];
-    oranges: GeneratorConfigType['oranges'];
-    reds: GeneratorConfigType['reds'];
-    constructor(config: GeneratorConfigType);
-    generateCss(): string;
-}

package/dist/border-radiuses-generator.d.ts

@@ -1,6 +0,0 @@
-import { AbstractGenerator, GeneratorConfigType } from './generator';
-export declare class BorderRadiusesGenerator extends AbstractGenerator {
-    borderRadiuses: GeneratorConfigType['borderRadiuses'];
-    constructor(config: GeneratorConfigType);
-    generateCss(): string;
-}

package/dist/border-widths-generator.d.ts

@@ -1,6 +0,0 @@
-import { AbstractGenerator, GeneratorConfigType } from './generator';
-export declare class BorderWidthsGenerator extends AbstractGenerator {
-    borderWidths: GeneratorConfigType['borderWidths'];
-    constructor(config: GeneratorConfigType);
-    generateCss(): string;
-}

package/dist/cursors-generator.d.ts

@@ -1,7 +0,0 @@
-import { AbstractGenerator, GeneratorConfigType } from './generator';
-export declare class CursorsGenerator extends AbstractGenerator {
-    cursors: GeneratorConfigType['cursors'];
-    breakpoints: GeneratorConfigType['breakpoints'];
-    constructor(config: GeneratorConfigType);
-    generateCss(): string;
-}