@design-system-rte/core 0.1.0 → 0.1.1

package/dist/index.d.ts

@@ -1,12 +1,16 @@
+export declare type ButtonIconPosition = 'left' | 'right';
+
 export declare interface ButtonProps {
     label: string;
-    type?: ButtonType;
+    variant?: ButtonVariant;
     size?: ButtonSize;
     disabled?: boolean;
+    icon?: string;
+    iconPosition?: ButtonIconPosition;
 }
 
 export declare type ButtonSize = 's' | 'm' | 'l';
 
-export declare type ButtonType = 'filled' | 'outlined' | 'text' | 'transparent' | 'danger';
+export declare type ButtonVariant = 'filled' | 'outlined' | 'text' | 'transparent' | 'danger';
 
 export { }

package/dist/styles/main.css

@@ -1,3 +1,27 @@
-@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap");
+@font-face {
+  font-family: "Nunito";
+  src: url("../../assets/fonts/Nunito-Light.woff2") format("woff2");
+  font-weight: 300;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Nunito";
+  src: url("../../assets/fonts/Nunito-Regular.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Nunito";
+  src: url("../../assets/fonts/Nunito-SemiBold.woff2") format("woff2");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Nunito";
+  src: url("../../assets/fonts/Nunito-Bold.woff2") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+}
 
 /*# sourceMappingURL=main.css.map */

package/dist/styles/main.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../tokens/main.scss"],"names":[],"mappings":"AAMQ","file":"main.css"}
+{"version":3,"sourceRoot":"","sources":["../../tokens/main.scss","../../tokens/primitives/_typography.scss"],"names":[],"mappings":"AAOQ;ACLR;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA","file":"main.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-system-rte/core",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles/main.css",

package/tokens/_layout.scss

@@ -0,0 +1,14 @@
+$breakpoints-xxs: 320px;
+$breakpoints-xs: 480px;
+$breakpoints-s: 768px;
+$breakpoints-m: 1024px;
+$breakpoints-l: 1440px;
+$breakpoints-xl: 1768px;
+$column-number-xs: 1px;
+$column-number-s: 2px;
+$column-number-m: 6px;
+$column-number-l: 12px;
+$panel-width-xs: 56px;
+$panel-width-s: 320px;
+$panel-width-m: 400px;
+$panel-width-l: 504px;

package/tokens/_opacity.scss

@@ -0,0 +1,12 @@
+$opacity-0: 0;
+$opacity-5: 5;
+$opacity-10: 10;
+$opacity-20: 20;
+$opacity-30: 30;
+$opacity-40: 40;
+$opacity-50: 50;
+$opacity-60: 60;
+$opacity-70: 70;
+$opacity-80: 80;
+$opacity-90: 90;
+$opacity-100: 100;

package/tokens/_radius.scss

@@ -1,11 +1,12 @@
+$radius-none: 0px;
 $radius-xs: 2px;
 $radius-s: 4px;
 $radius-m: 8px;
-$radius-l: 16px;
+$radius-l: 12px;
+$radius-xl: 16px;
 $radius-2xl: 32px;
 $radius-pill: 999px;
 $width-xs: 1px;
-$width-s: 1.5px;
-$width-m: 2px;
-$width-l: 4px;
-$width-xl: 8px;
+$width-s: 2px;
+$width-m: 4px;
+$width-l: 8px;