@newtonschool/grauity 2.0.3-beta.8 → 3.0.0-beta.0

package/README.md

@@ -76,11 +76,11 @@ grauity$: npm run build
 # Install local version of grauity
 your-app$: npm install ../grauity
 
-# Now, link react, react-dom from grauity to newton-web:
-newton-web$: npm link ../grauity/node_modules/react ../grauity/node_modules/react-dom --legacy-peer-deps
+# Now, link react, react-dom from grauity to your-app:
+your-app$: npm link ../grauity/node_modules/react ../grauity/node_modules/react-dom --legacy-peer-deps
 
-# Finally, run newton-web
-newton-web$: npm run dev
+# Finally, run your-app
+your-app$: npm run dev
 ```
 
 After you have made changes in grauity, build it.

package/dist/common/types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { TEXT_COLORS } from 'ui/core';
 /**
  * Interface representing the properties for a styled div component.
  *
@@ -37,6 +38,7 @@ export interface StyledLabelProps extends React.LabelHTMLAttributes<HTMLLabelEle
     ref?: React.Ref<HTMLLabelElement>;
     isRequired?: boolean;
     isDisabled?: boolean;
+    color?: `${TEXT_COLORS}`;
 }
 /**
  * Interface representing the properties for a styled button component.

package/dist/common/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../common/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBACb,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACrC;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBACb,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBACb,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACzD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;CACxC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../common/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBACb,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACrC;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBACb,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;CAC5B;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBACb,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACzD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;CACxC"}

package/dist/css/grauity-icons.scss

@@ -2,10 +2,10 @@ $grauity-icons-font: "grauity-icons";
 
 @font-face {
     font-family: $grauity-icons-font;
-    src: url("../fonts/grauity-icons.eot?e06d52009c03bf7712f4e25a56dc211a#iefix") format("embedded-opentype"),
-url("../fonts/grauity-icons.woff?e06d52009c03bf7712f4e25a56dc211a") format("woff"),
-url("../fonts/grauity-icons.woff2?e06d52009c03bf7712f4e25a56dc211a") format("woff2"),
-url("../fonts/grauity-icons.ttf?e06d52009c03bf7712f4e25a56dc211a") format("truetype");
+    src: url("../fonts/grauity-icons.eot?58b8d0867974b94e1465d8c22d5aad27#iefix") format("embedded-opentype"),
+url("../fonts/grauity-icons.woff?58b8d0867974b94e1465d8c22d5aad27") format("woff"),
+url("../fonts/grauity-icons.woff2?58b8d0867974b94e1465d8c22d5aad27") format("woff2"),
+url("../fonts/grauity-icons.ttf?58b8d0867974b94e1465d8c22d5aad27") format("truetype");
 }
 
 i[class^="grauity-icon-"]:before, i[class*=" grauity-icon-"]:before {
@@ -352,98 +352,92 @@ $grauity-icons-map: (
     "power-bi": "\f24a",
     "printer-filled": "\f24b",
     "printer": "\f24c",
-    "progress-half-filled": "\f24d",
-    "progress-half": "\f24e",
-    "progress-quarter-filled": "\f24f",
-    "progress-quarter": "\f250",
-    "progress-zero-filled": "\f251",
-    "progress-zero": "\f252",
-    "python-filled": "\f253",
-    "python": "\f254",
-    "quiz-filled": "\f255",
-    "quiz": "\f256",
-    "refresh-filled": "\f257",
-    "refresh": "\f258",
-    "remove-filled": "\f259",
-    "remove": "\f25a",
-    "reply-filled": "\f25b",
-    "reply": "\f25c",
-    "retail-filled": "\f25d",
-    "retail": "\f25e",
-    "screenshare-start-filled": "\f25f",
-    "screenshare-start": "\f260",
-    "screenshare-stop-filled": "\f261",
-    "screenshare-stop": "\f262",
-    "search-filled": "\f263",
-    "search": "\f264",
-    "share-filled": "\f265",
-    "share": "\f266",
-    "shield-alert-filled": "\f267",
-    "shield-alert": "\f268",
-    "shield-check-filled": "\f269",
-    "shield-check": "\f26a",
-    "shield-filled": "\f26b",
-    "shield-lock-filled": "\f26c",
-    "shield-lock": "\f26d",
-    "shield-x-filled": "\f26e",
-    "shield-x": "\f26f",
-    "shield": "\f270",
-    "shop-filled": "\f271",
-    "shop": "\f272",
-    "sidebar-left-filled": "\f273",
-    "sidebar-left": "\f274",
-    "sidebar-right-filled": "\f275",
-    "sidebar-right": "\f276",
-    "signin-filled": "\f277",
-    "signin": "\f278",
-    "signout-filled": "\f279",
-    "signout": "\f27a",
-    "slider-filled": "\f27b",
-    "slider": "\f27c",
-    "square-filled": "\f27d",
-    "square": "\f27e",
-    "sticky-note-filled": "\f27f",
-    "sticky-note": "\f280",
-    "sun-filled": "\f281",
-    "sun": "\f282",
-    "thumbs-down-filled": "\f283",
-    "thumbs-down": "\f284",
-    "thumbs-up-filled": "\f285",
-    "thumbs-up": "\f286",
-    "thunder-filled": "\f287",
-    "thunder": "\f288",
-    "truck-filled": "\f289",
-    "truck": "\f28a",
-    "upload-filled": "\f28b",
-    "upload": "\f28c",
-    "wrench-filled": "\f28d",
-    "wrench": "\f28e",
-    "bell-filled": "\f28f",
-    "bell": "\f290",
-    "calender-check-filled": "\f291",
-    "calender-check": "\f292",
-    "calender-filled": "\f293",
-    "calender-plus-filled": "\f294",
-    "calender-plus": "\f295",
-    "calender": "\f296",
-    "clock-filled": "\f297",
-    "clock": "\f298",
-    "rewatch-filled": "\f299",
-    "rewatch": "\f29a",
-    "stopwatch-filled": "\f29b",
-    "stopwatch": "\f29c",
-    "bot-filled": "\f29d",
-    "bot": "\f29e",
-    "person-check-filled": "\f29f",
-    "person-check": "\f2a0",
-    "person-filled": "\f2a1",
-    "person-plus-filled": "\f2a2",
-    "person-plus": "\f2a3",
-    "person": "\f2a4",
-    "user-speak-filled": "\f2a5",
-    "user-speak": "\f2a6",
-    "users-filled": "\f2a7",
-    "users": "\f2a8",
+    "python-filled": "\f24d",
+    "python": "\f24e",
+    "quiz-filled": "\f24f",
+    "quiz": "\f250",
+    "refresh-filled": "\f251",
+    "refresh": "\f252",
+    "remove-filled": "\f253",
+    "remove": "\f254",
+    "reply-filled": "\f255",
+    "reply": "\f256",
+    "retail-filled": "\f257",
+    "retail": "\f258",
+    "screenshare-start-filled": "\f259",
+    "screenshare-start": "\f25a",
+    "screenshare-stop-filled": "\f25b",
+    "screenshare-stop": "\f25c",
+    "search-filled": "\f25d",
+    "search": "\f25e",
+    "share-filled": "\f25f",
+    "share": "\f260",
+    "shield-alert-filled": "\f261",
+    "shield-alert": "\f262",
+    "shield-check-filled": "\f263",
+    "shield-check": "\f264",
+    "shield-filled": "\f265",
+    "shield-lock-filled": "\f266",
+    "shield-lock": "\f267",
+    "shield-x-filled": "\f268",
+    "shield-x": "\f269",
+    "shield": "\f26a",
+    "shop-filled": "\f26b",
+    "shop": "\f26c",
+    "sidebar-left-filled": "\f26d",
+    "sidebar-left": "\f26e",
+    "sidebar-right-filled": "\f26f",
+    "sidebar-right": "\f270",
+    "signin-filled": "\f271",
+    "signin": "\f272",
+    "signout-filled": "\f273",
+    "signout": "\f274",
+    "slider-filled": "\f275",
+    "slider": "\f276",
+    "square-filled": "\f277",
+    "square": "\f278",
+    "sticky-note-filled": "\f279",
+    "sticky-note": "\f27a",
+    "sun-filled": "\f27b",
+    "sun": "\f27c",
+    "thumbs-down-filled": "\f27d",
+    "thumbs-down": "\f27e",
+    "thumbs-up-filled": "\f27f",
+    "thumbs-up": "\f280",
+    "thunder-filled": "\f281",
+    "thunder": "\f282",
+    "truck-filled": "\f283",
+    "truck": "\f284",
+    "upload-filled": "\f285",
+    "upload": "\f286",
+    "wrench-filled": "\f287",
+    "wrench": "\f288",
+    "bell-filled": "\f289",
+    "bell": "\f28a",
+    "calender-check-filled": "\f28b",
+    "calender-check": "\f28c",
+    "calender-filled": "\f28d",
+    "calender-plus-filled": "\f28e",
+    "calender-plus": "\f28f",
+    "calender": "\f290",
+    "clock-filled": "\f291",
+    "clock": "\f292",
+    "rewatch-filled": "\f293",
+    "rewatch": "\f294",
+    "stopwatch-filled": "\f295",
+    "stopwatch": "\f296",
+    "bot-filled": "\f297",
+    "bot": "\f298",
+    "person-check-filled": "\f299",
+    "person-check": "\f29a",
+    "person-filled": "\f29b",
+    "person-plus-filled": "\f29c",
+    "person-plus": "\f29d",
+    "person": "\f29e",
+    "user-speak-filled": "\f29f",
+    "user-speak": "\f2a0",
+    "users-filled": "\f2a1",
+    "users": "\f2a2",
 );
 
 .grauity-icon-exclamation-circle-filled:before {
@@ -1442,24 +1436,6 @@ $grauity-icons-map: (
 .grauity-icon-printer:before {
     content: map-get($grauity-icons-map, "printer");
 }
-.grauity-icon-progress-half-filled:before {
-    content: map-get($grauity-icons-map, "progress-half-filled");
-}
-.grauity-icon-progress-half:before {
-    content: map-get($grauity-icons-map, "progress-half");
-}
-.grauity-icon-progress-quarter-filled:before {
-    content: map-get($grauity-icons-map, "progress-quarter-filled");
-}
-.grauity-icon-progress-quarter:before {
-    content: map-get($grauity-icons-map, "progress-quarter");
-}
-.grauity-icon-progress-zero-filled:before {
-    content: map-get($grauity-icons-map, "progress-zero-filled");
-}
-.grauity-icon-progress-zero:before {
-    content: map-get($grauity-icons-map, "progress-zero");
-}
 .grauity-icon-python-filled:before {
     content: map-get($grauity-icons-map, "python-filled");
 }