@ndlib/component-library 0.0.123 → 0.0.127

package/dist/components/elements/text/Caption/index.d.ts

@@ -1,19 +1,3 @@
 import React from 'react';
-import { TYPOGRAPHY_TYPE } from '../../../../theme/typography';
-import { StyledElementProps } from '../../../../theme';
-export declare enum LABEL_SIZE {
-    SM = "sm",
-    MD = "md",
-    LG = "lg"
-}
-export declare const SIZE_TYPOGRAPHY_MAP: {
-    sm: TYPOGRAPHY_TYPE;
-    md: TYPOGRAPHY_TYPE;
-    lg: TYPOGRAPHY_TYPE;
-};
-type LabelProps = StyledElementProps<HTMLDivElement, {
-    size?: LABEL_SIZE;
-    typography?: TYPOGRAPHY_TYPE;
-}>;
+import { LabelProps } from 'theme-ui';
 export declare const Caption: React.FC<LabelProps>;
-export {};

package/dist/components/elements/text/Caption/index.js

@@ -10,24 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "theme-ui/jsx-runtime";
-import { TYPOGRAPHY_TYPE } from '../../../../theme/typography';
-export var LABEL_SIZE;
-(function (LABEL_SIZE) {
-    LABEL_SIZE["SM"] = "sm";
-    LABEL_SIZE["MD"] = "md";
-    LABEL_SIZE["LG"] = "lg";
-})(LABEL_SIZE || (LABEL_SIZE = {}));
-export const SIZE_TYPOGRAPHY_MAP = {
-    [LABEL_SIZE.SM]: TYPOGRAPHY_TYPE.CONTROL_SMALL,
-    [LABEL_SIZE.MD]: TYPOGRAPHY_TYPE.CONTROL_MEDIUM,
-    [LABEL_SIZE.LG]: TYPOGRAPHY_TYPE.CONTROL_LARGE,
-};
 export const Caption = (_a) => {
-    var { sx, size, typography: typographyParam } = _a, rest = __rest(_a, ["sx", "size", "typography"]);
+    var rest = __rest(_a, []);
     return (_jsx("caption", Object.assign({ sx: {
             display: 'block',
             fontStyle: 'italic',
             fontWeight: '400',
+            fontFamily: 'Libre Franklin","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif',
             fontSize: '.8rem',
         } }, rest)));
 };

package/dist/theme/Color.stories.js

@@ -25,9 +25,14 @@ const colors = [
     { color: COLOR.ND_BLUE_DARK, label: 'ND_BLUE_DARK' },
     { color: COLOR.ND_BLUE_LIGHT, label: 'ND_BLUE_LIGHT' },
     { color: COLOR.ND_BLUE_BRIGHT, label: 'ND_BLUE_BRIGHT' },
+    { color: COLOR.ND_SKY_BLUE, label: 'ND_SKY_BLUE' },
+    { color: COLOR.ND_SKY_BLUE_LIGHT, label: 'ND_SKY_BLUE_LIGHT' },
+    { color: COLOR.ND_SKY_BLUE_DARK, label: 'ND_SKY_BLUE_DARK' },
     { color: COLOR.ND_GOLD, label: 'ND_GOLD' },
     { color: COLOR.ND_GOLD_LIGHT, label: 'ND_GOLD_LIGHT' },
     { color: COLOR.ND_GOLD_DARK, label: 'ND_GOLD_DARK' },
+    { color: COLOR.ND_GREEN, label: 'ND_GREEN' },
+    { color: COLOR.ND_GREEN_LIGHT, label: 'ND_GREEN_LIGHT' },
     { color: COLOR.ND_METALLIC_GOLD, label: 'ND_METALLIC_GOLD' },
     { color: COLOR.ND_PROVOST_BLUE, label: 'ND_PROVOST_BLUE' },
     { color: COLOR.ND_SECONDARY_1, label: 'ND_SECONDARY_1' },
@@ -43,6 +48,9 @@ const colors = [
     { color: COLOR.ND_TERTIARY_5, label: 'ND_TERTIARY_5' },
     { color: COLOR.ND_TERTIARY_6, label: 'ND_TERTIARY_6' },
     { color: COLOR.ALERT_INFORMATIONAL_BG, label: 'ALERT_INFORMATIONAL_BG' },
+    { color: COLOR.WHITE, label: 'WHITE' },
+    { color: COLOR.WARM_WHITE, label: 'WARM_WHITE' },
+    { color: COLOR.WARM_WHITE_DARK, label: 'WARM_WHITE_DARK' },
     {
         color: COLOR.ALERT_INFORMATIONAL_BORDER,
         label: 'ALERT_INFORMATIONAL_BORDER',

package/dist/theme/colors.d.ts

@@ -10,6 +10,8 @@ export declare enum COLOR {
     TEXT_ON_SECONDARY = "textOnSecondary",
     SECONDARY_HIGHLIGHT = "secondaryHighlight",
     WHITE = "white",
+    WARM_WHITE = "warmWhite",
+    WARM_WHITE_DARK = "warmWhiteDark",
     BLACK = "black",
     DARK_GRAY = "darkGray",
     GRAY = "gray",
@@ -24,8 +26,11 @@ export declare enum COLOR {
     ND_GOLD = "ndGold",
     ND_GOLD_LIGHT = "ndGoldLight",
     ND_GOLD_DARK = "ndGoldDark",
+    ND_GREEN = "ndGreem",
+    ND_GREEN_LIGHT = "ndGreemLight",
     ND_SKY_BLUE = "ndSkyBlue",
     ND_SKY_BLUE_DARK = "ndSkyBlueDark",
+    ND_SKY_BLUE_LIGHT = "ndSkyBlueLight",
     ND_METALLIC_GOLD = "ndMetallicGold",
     ND_PROVOST_BLUE = "ndProvostBlue",
     ND_SECONDARY_1 = "ndSecondary1",

package/dist/theme/colors.js

@@ -11,6 +11,8 @@ export var COLOR;
     COLOR["TEXT_ON_SECONDARY"] = "textOnSecondary";
     COLOR["SECONDARY_HIGHLIGHT"] = "secondaryHighlight";
     COLOR["WHITE"] = "white";
+    COLOR["WARM_WHITE"] = "warmWhite";
+    COLOR["WARM_WHITE_DARK"] = "warmWhiteDark";
     COLOR["BLACK"] = "black";
     COLOR["DARK_GRAY"] = "darkGray";
     COLOR["GRAY"] = "gray";
@@ -25,8 +27,11 @@ export var COLOR;
     COLOR["ND_GOLD"] = "ndGold";
     COLOR["ND_GOLD_LIGHT"] = "ndGoldLight";
     COLOR["ND_GOLD_DARK"] = "ndGoldDark";
+    COLOR["ND_GREEN"] = "ndGreem";
+    COLOR["ND_GREEN_LIGHT"] = "ndGreemLight";
     COLOR["ND_SKY_BLUE"] = "ndSkyBlue";
     COLOR["ND_SKY_BLUE_DARK"] = "ndSkyBlueDark";
+    COLOR["ND_SKY_BLUE_LIGHT"] = "ndSkyBlueLight";
     COLOR["ND_METALLIC_GOLD"] = "ndMetallicGold";
     COLOR["ND_PROVOST_BLUE"] = "ndProvostBlue";
     COLOR["ND_SECONDARY_1"] = "ndSecondary1";
@@ -62,6 +67,8 @@ export const colors = {
     [COLOR.SECONDARY_HIGHLIGHT]: '#ddcc70',
     [COLOR.TEXT_ON_SECONDARY]: '#040401',
     [COLOR.WHITE]: '#ffffff',
+    [COLOR.WARM_WHITE]: '#f8f4ec',
+    [COLOR.WARM_WHITE_DARK]: '#efe9d9',
     [COLOR.BLACK]: '#000000',
     [COLOR.DARK_GRAY]: '#333333',
     [COLOR.GRAY]: '#767676',
@@ -71,12 +78,15 @@ export const colors = {
     [COLOR.ND_GOLD]: '#ae9142',
     [COLOR.ND_GOLD_LIGHT]: '#d39f10',
     [COLOR.ND_GOLD_DARK]: '#8c7535',
+    [COLOR.ND_GREEN]: '#0a843d',
+    [COLOR.ND_GREEN_LIGHT]: '#b3dac5',
     [COLOR.ND_BLUE]: '#0c2340',
     [COLOR.ND_BLUE_DARK]: '#081629',
     [COLOR.ND_BLUE_LIGHT]: '#143865',
     [COLOR.ND_BLUE_BRIGHT]: '#1c4f8f',
     [COLOR.ND_SKY_BLUE]: '#e1e8f2',
     [COLOR.ND_SKY_BLUE_DARK]: '#c1cddd',
+    [COLOR.ND_SKY_BLUE_LIGHT]: '#edf2f9',
     [COLOR.ND_METALLIC_GOLD]: '#ae9142',
     [COLOR.ND_PROVOST_BLUE]: '#002a5d',
     [COLOR.ND_SECONDARY_1]: '#5aabbc',

package/dist/theme/index.d.ts

@@ -28,6 +28,8 @@ export declare const theme: {
         textOnSecondary: string;
         secondaryHighlight: string;
         white: string;
+        warmWhite: string;
+        warmWhiteDark: string;
         black: string;
         darkGray: string;
         gray: string;
@@ -42,8 +44,11 @@ export declare const theme: {
         ndGold: string;
         ndGoldLight: string;
         ndGoldDark: string;
+        ndGreem: string;
+        ndGreemLight: string;
         ndSkyBlue: string;
         ndSkyBlueDark: string;
+        ndSkyBlueLight: string;
         ndMetallicGold: string;
         ndProvostBlue: string;
         ndSecondary1: string;
@@ -127,6 +132,8 @@ export declare const useTheme: () => {
         textOnSecondary: string;
         secondaryHighlight: string;
         white: string;
+        warmWhite: string;
+        warmWhiteDark: string;
         black: string;
         darkGray: string;
         gray: string;
@@ -141,8 +148,11 @@ export declare const useTheme: () => {
         ndGold: string;
         ndGoldLight: string;
         ndGoldDark: string;
+        ndGreem: string;
+        ndGreemLight: string;
         ndSkyBlue: string;
         ndSkyBlueDark: string;
+        ndSkyBlueLight: string;
         ndMetallicGold: string;
         ndProvostBlue: string;
         ndSecondary1: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndlib/component-library",
-  "version": "0.0.123",
+  "version": "0.0.127",
   "type": "module",
   "sideEffects": false,
   "files": [