@loadsmart/loadsmart-ui - npm Package Compare versions

Comparing version 0.8.3 to 0.9.0

dist/index.d.ts

 export { Button, SelectorButton, IconButton } from './components/Button';
 export type { ButtonProps } from './components/Button';
+export { Checkbox } from './components/Checkbox';
+export type { CheckboxProps } from './components/Checkbox';

dist/theming/index.js

@@ -1,2 +0,2 @@
-export { e as ThemeAlice, f as ThemeLoadsmart, g as default } from '../index-fff3090b.js';
+export { e as ThemeAlice, f as ThemeLoadsmart, g as default } from '../index-1498062f.js';
 //# sourceMappingURL=index.js.map

dist/theming/themes/alice.theme.d.ts

@@ -110,2 +110,27 @@ export declare const OPACITIES: {
     'button-icon-outline': string | number;
+    'checkbox-color': string | number;
+    'checkbox-font-weight': string | number;
+    'checkbox-font-size': string | number;
+    'checkbox-selector-border-radius': string | number;
+    'checkbox-selector-size': string;
+    'checkbox-selector-outline': string | number;
+    'checkbox-small-font-size': string | number;
+    'checkbox-small-selector-size': string;
+    'checkbox-selector-background': string | number;
+    'checkbox-selector-background--hover': string | number;
+    'checkbox-selector-background--focus': string | number;
+    'checkbox-selector-background--disabled': string | number;
+    'checkbox-selector-border-color': string | number;
+    'checkbox-selector-border-color--hover': string | number;
+    'checkbox-selector-border-color--focus': string | number;
+    'checkbox-selector-border-color--disabled': string | number;
+    'checkbox-dark-color': string | number;
+    'checkbox-dark-selector-background': string | number;
+    'checkbox-dark-selector-background--hover': string | number;
+    'checkbox-dark-selector-background--focus': string | number;
+    'checkbox-dark-selector-background--disabled': string | number;
+    'checkbox-dark-selector-border-color': string | number;
+    'checkbox-dark-selector-border-color--hover': string | number;
+    'checkbox-dark-selector-border-color--focus': string | number;
+    'checkbox-dark-selector-border-color--disabled': string | number;
     'space-none': number;
@@ -112,0 +137,0 @@ 'space-2xs': string;

dist/theming/themes/loadsmart.theme.d.ts

@@ -177,2 +177,27 @@ export declare const COLORS: {
     'button-icon-outline': string | number;
+    'checkbox-color': string | number;
+    'checkbox-font-weight': string | number;
+    'checkbox-font-size': string | number;
+    'checkbox-selector-border-radius': string | number;
+    'checkbox-selector-size': string;
+    'checkbox-selector-outline': string | number;
+    'checkbox-small-font-size': string | number;
+    'checkbox-small-selector-size': string;
+    'checkbox-selector-background': string | number;
+    'checkbox-selector-background--hover': string | number;
+    'checkbox-selector-background--focus': string | number;
+    'checkbox-selector-background--disabled': string | number;
+    'checkbox-selector-border-color': string | number;
+    'checkbox-selector-border-color--hover': string | number;
+    'checkbox-selector-border-color--focus': string | number;
+    'checkbox-selector-border-color--disabled': string | number;
+    'checkbox-dark-color': string | number;
+    'checkbox-dark-selector-background': string | number;
+    'checkbox-dark-selector-background--hover': string | number;
+    'checkbox-dark-selector-background--focus': string | number;
+    'checkbox-dark-selector-background--disabled': string | number;
+    'checkbox-dark-selector-border-color': string | number;
+    'checkbox-dark-selector-border-color--hover': string | number;
+    'checkbox-dark-selector-border-color--focus': string | number;
+    'checkbox-dark-selector-border-color--disabled': string | number;
     'space-none': number;
@@ -179,0 +204,0 @@ 'space-2xs': string;

dist/tools/index.js

@@ -1,3 +0,3 @@
-export { c as conditional, p as prop } from '../conditional-8602cf1f.js';
-import '../index-fff3090b.js';
+export { c as conditional, p as prop } from '../conditional-04302329.js';
+import '../index-1498062f.js';
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@loadsmart/loadsmart-ui",
-  "version": "0.8.3",
+  "version": "0.9.0",
   "description": "Loadsmart UI",
@@ -5,0 +5,0 @@ "main": "dist",

README.md

@@ -12,7 +12,6 @@ <h1 align="center">
 1. Install node 11
-3. Install dependencies: `yarn`
+2. Install dependencies: `yarn`
 
 ## Usage
 
-
 ```sh
@@ -27,1 +26,14 @@ yarn add @loadsmart/loadsmart-ui
 ```
+
+## Development
+
+Clone locally:
+
+```bash
+$ git clone https://github.com/loadsmart/loadsmart-ui.git
+$ cd loadsmart-ui
+$ yarn
+$ yarn dev
+```
+
+Open your browser and visit `http://localhost:6006`

src/theming/themes/alice.theme.ts

@@ -259,4 +259,39 @@ import {
   'button-icon-outline': shadow('glow-primary'),
+
+  // checkbox
+  'checkbox-color': color('neutral-darker'),
+  'checkbox-font-weight': font.weight('medium'),
+  'checkbox-font-size': font.size('4'),
+
+  'checkbox-selector-border-radius': border.radius('s'),
+  'checkbox-selector-size': rem('24px'),
+  'checkbox-selector-outline': shadow('glow-primary'),
+
+  'checkbox-small-font-size': font.size('5'),
+  'checkbox-small-selector-size': rem('16px'),
+
+  'checkbox-selector-background': color('neutral-lightest'),
+  'checkbox-selector-background--hover': color('neutral-lightest'),
+  'checkbox-selector-background--focus': color('neutral-lightest'),
+  'checkbox-selector-background--disabled': color('neutral-light'),
+
+  'checkbox-selector-border-color': color('neutral-darker'),
+  'checkbox-selector-border-color--hover': color('accent'),
+  'checkbox-selector-border-color--focus': color('accent'),
+  'checkbox-selector-border-color--disabled': color('neutral-darker'),
+
+  // checkbox dark
+  'checkbox-dark-color': color('neutral-lighter'),
+
+  'checkbox-dark-selector-background': color('neutral-darker'),
+  'checkbox-dark-selector-background--hover': color('neutral-darker'),
+  'checkbox-dark-selector-background--focus': color('neutral-darker'),
+  'checkbox-dark-selector-background--disabled': color('neutral-neutral'),
+
+  'checkbox-dark-selector-border-color': color('neutral-lighter'),
+  'checkbox-dark-selector-border-color--hover': color('accent'),
+  'checkbox-dark-selector-border-color--focus': color('accent'),
+  'checkbox-dark-selector-border-color--disabled': color('neutral-lighter'),
 }
 
 export default alice

src/theming/themes/loadsmart.theme.ts

@@ -255,4 +255,39 @@ import {
   'button-icon-outline': shadow('glow-primary'),
+
+  // checkbox
+  'checkbox-color': color('neutral-darker'),
+  'checkbox-font-weight': font.weight('medium'),
+  'checkbox-font-size': font.size('4'),
+
+  'checkbox-selector-border-radius': border.radius('s'),
+  'checkbox-selector-size': rem('24px'),
+  'checkbox-selector-outline': shadow('glow-primary'),
+
+  'checkbox-small-font-size': font.size('5'),
+  'checkbox-small-selector-size': rem('16px'),
+
+  'checkbox-selector-background': color('neutral-lightest'),
+  'checkbox-selector-background--hover': color('neutral-lightest'),
+  'checkbox-selector-background--focus': color('neutral-lightest'),
+  'checkbox-selector-background--disabled': color('neutral-light'),
+
+  'checkbox-selector-border-color': color('neutral-darker'),
+  'checkbox-selector-border-color--hover': color('accent'),
+  'checkbox-selector-border-color--focus': color('accent'),
+  'checkbox-selector-border-color--disabled': color('neutral-darker'),
+
+  // checkbox dark
+  'checkbox-dark-color': color('neutral-lighter'),
+
+  'checkbox-dark-selector-background': color('neutral-darker'),
+  'checkbox-dark-selector-background--hover': color('neutral-darker'),
+  'checkbox-dark-selector-background--focus': color('neutral-darker'),
+  'checkbox-dark-selector-background--disabled': color('neutral-neutral'),
+
+  'checkbox-dark-selector-border-color': color('neutral-lighter'),
+  'checkbox-dark-selector-border-color--hover': color('accent'),
+  'checkbox-dark-selector-border-color--focus': color('accent'),
+  'checkbox-dark-selector-border-color--disabled': color('neutral-lighter'),
 }
 
 export default loadsmart

No alert changes

Improved metrics

Total package byte prevSize

489963

increased by8.59%

Number of package files

93

increased by8.14%

Lines of code

7201

increased by9.65%

Number of lines in readme file

38

increased by46.15%

No dependency changes