@drivy/cobalt 0.27.0 → 0.28.1

package/cjs/tokens/colors.js

@@ -33,6 +33,10 @@ const green = {
 const blue = "#2ea2ea";
 const deprecatedBlueGhost = "#2ea2ea0f";
 const deprecatedDriver = "#ffd988";
+const deprecatedSeasonLow = "#BDFFAC";
+const deprecatedSeasonMedium = "#94EA84";
+const deprecatedSeasonHigh = "#73C865";
+const deprecatedSeasonVeryHigh = "#54A949";
 var _colors = {
 	white: white,
 	grey: grey,
@@ -46,7 +50,11 @@ var _colors = {
 	green: green,
 	blue: blue,
 	deprecatedBlueGhost: deprecatedBlueGhost,
-	deprecatedDriver: deprecatedDriver
+	deprecatedDriver: deprecatedDriver,
+	deprecatedSeasonLow: deprecatedSeasonLow,
+	deprecatedSeasonMedium: deprecatedSeasonMedium,
+	deprecatedSeasonHigh: deprecatedSeasonHigh,
+	deprecatedSeasonVeryHigh: deprecatedSeasonVeryHigh
 };
 
 exports.amber = amber;
@@ -55,6 +63,10 @@ exports.coral = coral;
 exports["default"] = _colors;
 exports.deprecatedBlueGhost = deprecatedBlueGhost;
 exports.deprecatedDriver = deprecatedDriver;
+exports.deprecatedSeasonHigh = deprecatedSeasonHigh;
+exports.deprecatedSeasonLow = deprecatedSeasonLow;
+exports.deprecatedSeasonMedium = deprecatedSeasonMedium;
+exports.deprecatedSeasonVeryHigh = deprecatedSeasonVeryHigh;
 exports.graphite = graphite;
 exports.green = green;
 exports.grey = grey;

package/cjs/tokens/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/tokens/palette.js

@@ -80,6 +80,16 @@ const yellow = {
 	"900": "#75592D",
 	"1000": "#3B2E17"
 };
+const season = {
+	"100": "#BDFFAC",
+	"200": "#94EA84",
+	"300": "#73C865",
+	"400": "#54A949",
+	"700": "#0B7011",
+	"800": "#005100",
+	"900": "#030",
+	"1000": "#001900"
+};
 var _palette = {
 	black: black,
 	grey: grey,
@@ -92,7 +102,8 @@ var _palette = {
 	red: red,
 	turquoise: turquoise,
 	white: white,
-	yellow: yellow
+	yellow: yellow,
+	season: season
 };
 
 exports.black = black;
@@ -105,6 +116,7 @@ exports.purple = purple;
 exports.purpleDeep = purpleDeep;
 exports.purpleLight = purpleLight;
 exports.red = red;
+exports.season = season;
 exports.turquoise = turquoise;
 exports.white = white;
 exports.yellow = yellow;

package/cjs/tokens/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"palette.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/tokens/theme.js

@@ -38,7 +38,11 @@ const background = {
 	owner: "indigo.dark/navy.700/navy.700",
 	disabled: "grey.light/navy.100/black.50",
 	neutral: "grey.light/navy.100/black.50",
-	neutralAlt: "grey.lighter/navy.50/black.100"
+	neutralAlt: "grey.lighter/navy.50/black.100",
+	seasonLow: "deprecatedSeasonLow/season.100/season.700",
+	seasonMedium: "deprecatedSeasonMedium/season.200/season.800",
+	seasonHigh: "deprecatedSeasonHigh/season.300/season.900",
+	seasonVeryHigh: "deprecatedSeasonVeryHigh/season.400/season.1000"
 };
 const text = {
 	base: "graphite/navy.700/grey.100",
@@ -62,15 +66,15 @@ const text = {
 		hover: "white/purple.700/grey.100"
 	},
 	info: "graphite.light/yellow.900/yellow.300",
+	infoAlt: "turquoise/yellow.500/yellow.700",
 	error: "red/red.500/red.400",
 	errorAlt: "white/red.500/red.500",
 	success: "green/green.700/green.700",
 	successAlt: "white/green.900/green.100",
+	warning: "coral/orange.500/orange.300",
 	connect: "turquoise/turquoise.500/turquoise.500",
 	driver: "graphite/navy.700/navy.700",
 	owner: "white/white/grey.100",
-	warning: "coral/orange.500/orange.300",
-	infoAlt: "turquoise/yellow.500/yellow.700",
 	inversed: "white/white/white"
 };
 const buttonBackground = {
@@ -185,16 +189,16 @@ const icon = {
 		hover: "white/purple.700/grey.100"
 	},
 	info: "graphite.light/yellow.900/yellow.300",
+	infoAlt: "turquoise/yellow.500/yellow.700",
 	error: "red/red.500/red.400",
 	errorAlt: "red/red.500/red.200",
 	success: "green/green.700/green.700",
 	successAlt: "white/green.900/green.100",
+	warning: "coral/orange.500/orange.300",
 	connect: "turquoise/turquoise.500/white",
 	connectAlt: "turquoise/turquoise.900/turquoise.50",
 	driver: "graphite/navy.700//navy.700",
 	owner: "white/white/white",
-	warning: "coral/orange.500/orange.300",
-	infoAlt: "turquoise/yellow.500/yellow.700",
 	inversed: "white/white/white",
 	disabled: "grey.lighter/navy.100/black.50"
 };
@@ -205,11 +209,11 @@ const stroke = {
 		hover: "graphite.light/navy.300/purpleDeep.400",
 		press: "graphite/navy.500/purpleDeep.400"
 	},
-	strong: "grey.dark/navy.200/grey.200",
+	strong: "grey.dark/navy.300/navy.200",
 	strongInteractive: {
-		DEFAULT: "grey.dark/navy.200/grey.200",
-		hover: "graphite.light/navy.300/purpleDeep.400",
-		press: "graphite/navy.500/purpleDeep.400"
+		DEFAULT: "grey.dark/navy.300/navy.200",
+		hover: "graphite.light/navy.500/purpleDeep.400",
+		press: "graphite/navy.700/purpleDeep.400"
 	},
 	subdued: "grey.light/navy.100/black.50",
 	accent: "indigo/purple.500/purpleDeep.400",
@@ -231,10 +235,10 @@ const fill = {
 	accent: "purple/purple.500/purpleDeep.400",
 	accentAlt: "purple/purple.100/purpleDeep.900",
 	error: "red/red.500/red.500",
-	success: "green/green.500/green.700",
 	negative: "red/red.150/red.900",
-	neutral: "grey.lighter/navy.50/black.100",
-	disabled: "grey.dark/navy.300/grey.300"
+	success: "green/green.500/green.700",
+	disabled: "grey.dark/navy.300/grey.300",
+	neutral: "grey.lighter/navy.50/black.100"
 };
 var _theme = {
 	background: background,

package/cjs/tokens/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js

@@ -78,7 +78,7 @@ function CalendarRangePickerMonth({ date, onSelectDate, onChangeDate, onLeaveDat
     return (React.createElement("div", { className: cx("cobalt-CalendarRangePicker__month", {
             "cobalt-CalendarRangePicker__month--invalid": isOutOfRange && !isEditingStartDate,
         }), "data-month": format(date, "yyyy-MM") },
-        React.createElement("div", { className: "cobalt-CalendarRangePicker__month-header cobalt-text-titleSmall" }, format(date, "MMMM yyyy", { locale })),
+        React.createElement("div", { className: "cobalt-CalendarRangePicker__month-header" }, format(date, "MMMM yyyy", { locale })),
         React.createElement("div", { className: "cobalt-CalendarRangePicker__month__weeks-container" },
             React.createElement("div", { className: "cobalt-CalendarRangePicker__month__week-header" }, weekdays.map((weekday) => (React.createElement("div", { key: weekday.getTime(), className: "cobalt-CalendarRangePicker__month__day-header" }, format(weekday, "iiiiii", { locale }))))),
             byWeeks.map((week, index) => (React.createElement("div", { key: index, className: "cobalt-CalendarRangePicker__month__week" }, week.map((day) => {

package/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePickerMonth.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport { CalendarRangePickerDay } from \"./CalendarRangePickerDay\"\nimport classNames from \"classnames\"\nimport {\n  eachDayOfInterval,\n  startOfMonth,\n  endOfMonth,\n  format,\n  isSameDay,\n  getDay,\n  differenceInCalendarDays,\n  startOfWeek,\n  endOfWeek,\n} from \"date-fns\"\n\ntype Props = {\n  date: Date\n  startDate?: Date\n  endDate?: Date\n  onSelectDate: (date: Date, isOutOfRange?: boolean) => void\n  onChangeDate: (date: Date, isOutOfRange: boolean, disabled: boolean) => void\n  onLeaveDate?: (date: Date) => void\n  isEditingStartDate?: boolean\n  isEditingEndDate?: boolean\n  rangeLimit?: number\n  firstAvailableDate: Date\n  lastAvailableDate?: Date\n  locale: any\n}\n\nfunction daysByWeeks(monthDate: Date): Date[][] {\n  const firstDayOfMonth = startOfMonth(monthDate)\n  const firstDayOfMonthOffset = getDay(firstDayOfMonth) - 1\n  const lastDayOfMonth = endOfMonth(monthDate)\n  const days = eachDayOfInterval({\n    start: firstDayOfMonth,\n    end: lastDayOfMonth,\n  })\n\n  return days.reduce((acc: Date[][], day, index) => {\n    if (index === 0 || (index + firstDayOfMonthOffset) % 7 === 0) {\n      acc.push([])\n    }\n    acc[acc.length - 1].push(day)\n    return acc\n  }, [])\n}\n\nfunction isDisabled(\n  day: Date,\n  firstAvailableDate: Date,\n  lastAvailableDate: Date | undefined\n) {\n  return (\n    day.getTime() < firstAvailableDate.getTime() ||\n    (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime())\n  )\n}\n\nfunction isInvalid(\n  day: Date,\n  startDate: Date | undefined,\n  rangeLimit: number | undefined,\n  isOutOfRange: boolean,\n  isEditingEndDate: boolean | undefined\n) {\n  return (\n    rangeLimit != null &&\n    isOutOfRange &&\n    isEditingEndDate &&\n    startDate != null &&\n    differenceInCalendarDays(day, startDate) >= rangeLimit\n  )\n}\n\nfunction isRange(\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isOutOfRangeStartDate: boolean\n) {\n  return !!(startDate && endDate) && !isOutOfRangeStartDate\n}\n\nfunction isSelected(\n  day: Date,\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isStartDay: boolean,\n  isEndDay: boolean,\n  isOutOfRangeStartDate: boolean\n) {\n  return (\n    isStartDay ||\n    isEndDay ||\n    (!isOutOfRangeStartDate &&\n      endDate &&\n      day.getTime() <= endDate.getTime() &&\n      startDate &&\n      day.getTime() > startDate.getTime())\n  )\n}\n\nexport function CalendarRangePickerMonth({\n  date,\n  onSelectDate,\n  onChangeDate,\n  onLeaveDate,\n  startDate,\n  endDate,\n  isEditingStartDate = false,\n  isEditingEndDate = false,\n  rangeLimit,\n  firstAvailableDate,\n  lastAvailableDate,\n  locale,\n}: Props) {\n  const firstDayOfMonth = useMemo(() => startOfMonth(date), [])\n  const lastDayOfMonth = useMemo(() => endOfMonth(date), [])\n  const byWeeks = useMemo(() => daysByWeeks(date), [])\n\n  const today = new Date().setHours(0, 0, 0, 0)\n\n  const weekdays: Date[] = useMemo(\n    () =>\n      eachDayOfInterval({\n        start: startOfWeek(today, { weekStartsOn: 1 }),\n        end: endOfWeek(today, { weekStartsOn: 1 }),\n      }),\n    []\n  )\n\n  const isOutOfRange =\n    rangeLimit != null &&\n    startDate != null &&\n    endDate != null &&\n    differenceInCalendarDays(endDate, startDate) >= rangeLimit\n\n  const isOutOfRangeStartDate = !!isEditingStartDate && isOutOfRange\n\n  const onMouseEnter = (day: Date, disabled: boolean) => {\n    let isDayOutOfRange = false\n    if (rangeLimit != null) {\n      if (isEditingStartDate) {\n        isDayOutOfRange =\n          endDate != null &&\n          differenceInCalendarDays(endDate, day) >= rangeLimit\n      } else if (isEditingEndDate) {\n        isDayOutOfRange =\n          startDate != null &&\n          differenceInCalendarDays(day, startDate) >= rangeLimit\n      }\n    }\n\n    onChangeDate(day, isDayOutOfRange, disabled)\n  }\n\n  const onSelect = (day: Date) => {\n    onSelectDate(day, isOutOfRange)\n  }\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__month\", {\n        \"cobalt-CalendarRangePicker__month--invalid\":\n          isOutOfRange && !isEditingStartDate,\n      })}\n      data-month={format(date, \"yyyy-MM\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__month-header cobalt-text-titleSmall\">\n        {format(date, \"MMMM yyyy\", { locale })}\n      </div>\n      <div className=\"cobalt-CalendarRangePicker__month__weeks-container\">\n        <div className=\"cobalt-CalendarRangePicker__month__week-header\">\n          {weekdays.map((weekday) => (\n            <div\n              key={weekday.getTime()}\n              className=\"cobalt-CalendarRangePicker__month__day-header\"\n            >\n              {format(weekday, \"iiiiii\", { locale })}\n            </div>\n          ))}\n        </div>\n        {byWeeks.map((week, index) => (\n          <div key={index} className=\"cobalt-CalendarRangePicker__month__week\">\n            {week.map((day) => {\n              const isStartDay = startDate != null && isSameDay(day, startDate)\n              const isEndDay = endDate != null && isSameDay(day, endDate)\n              return (\n                <CalendarRangePickerDay\n                  key={day.getTime()}\n                  isEditingStartDate={!!isEditingStartDate}\n                  isEditingEndDate={!!isEditingEndDate}\n                  date={day}\n                  onMouseEnter={onMouseEnter}\n                  onMouseLeave={onLeaveDate}\n                  onSelect={onSelect}\n                  isToday={isSameDay(day, today)}\n                  isStartDay={isStartDay}\n                  isEndDay={isEndDay}\n                  isFirstDayOfMonth={isSameDay(day, firstDayOfMonth)}\n                  isLastDayOfMonth={isSameDay(day, lastDayOfMonth)}\n                  isRange={isRange(startDate, endDate, isOutOfRangeStartDate)}\n                  invalid={isInvalid(\n                    day,\n                    startDate,\n                    rangeLimit,\n                    isOutOfRange,\n                    isEditingEndDate\n                  )}\n                  subdued={\n                    (isStartDay && isEditingEndDate) ||\n                    (isEndDay && isEditingStartDate)\n                  }\n                  disabled={isDisabled(\n                    day,\n                    firstAvailableDate,\n                    lastAvailableDate\n                  )}\n                  selected={isSelected(\n                    day,\n                    startDate,\n                    endDate,\n                    isStartDay,\n                    isEndDay,\n                    isOutOfRangeStartDate\n                  )}\n                />\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames","CalendarRangePickerDay"],"mappings":"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"}
+{"version":3,"file":"CalendarRangePickerMonth.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport { CalendarRangePickerDay } from \"./CalendarRangePickerDay\"\nimport classNames from \"classnames\"\nimport {\n  eachDayOfInterval,\n  startOfMonth,\n  endOfMonth,\n  format,\n  isSameDay,\n  getDay,\n  differenceInCalendarDays,\n  startOfWeek,\n  endOfWeek,\n} from \"date-fns\"\n\ntype Props = {\n  date: Date\n  startDate?: Date\n  endDate?: Date\n  onSelectDate: (date: Date, isOutOfRange?: boolean) => void\n  onChangeDate: (date: Date, isOutOfRange: boolean, disabled: boolean) => void\n  onLeaveDate?: (date: Date) => void\n  isEditingStartDate?: boolean\n  isEditingEndDate?: boolean\n  rangeLimit?: number\n  firstAvailableDate: Date\n  lastAvailableDate?: Date\n  locale: any\n}\n\nfunction daysByWeeks(monthDate: Date): Date[][] {\n  const firstDayOfMonth = startOfMonth(monthDate)\n  const firstDayOfMonthOffset = getDay(firstDayOfMonth) - 1\n  const lastDayOfMonth = endOfMonth(monthDate)\n  const days = eachDayOfInterval({\n    start: firstDayOfMonth,\n    end: lastDayOfMonth,\n  })\n\n  return days.reduce((acc: Date[][], day, index) => {\n    if (index === 0 || (index + firstDayOfMonthOffset) % 7 === 0) {\n      acc.push([])\n    }\n    acc[acc.length - 1].push(day)\n    return acc\n  }, [])\n}\n\nfunction isDisabled(\n  day: Date,\n  firstAvailableDate: Date,\n  lastAvailableDate: Date | undefined\n) {\n  return (\n    day.getTime() < firstAvailableDate.getTime() ||\n    (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime())\n  )\n}\n\nfunction isInvalid(\n  day: Date,\n  startDate: Date | undefined,\n  rangeLimit: number | undefined,\n  isOutOfRange: boolean,\n  isEditingEndDate: boolean | undefined\n) {\n  return (\n    rangeLimit != null &&\n    isOutOfRange &&\n    isEditingEndDate &&\n    startDate != null &&\n    differenceInCalendarDays(day, startDate) >= rangeLimit\n  )\n}\n\nfunction isRange(\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isOutOfRangeStartDate: boolean\n) {\n  return !!(startDate && endDate) && !isOutOfRangeStartDate\n}\n\nfunction isSelected(\n  day: Date,\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isStartDay: boolean,\n  isEndDay: boolean,\n  isOutOfRangeStartDate: boolean\n) {\n  return (\n    isStartDay ||\n    isEndDay ||\n    (!isOutOfRangeStartDate &&\n      endDate &&\n      day.getTime() <= endDate.getTime() &&\n      startDate &&\n      day.getTime() > startDate.getTime())\n  )\n}\n\nexport function CalendarRangePickerMonth({\n  date,\n  onSelectDate,\n  onChangeDate,\n  onLeaveDate,\n  startDate,\n  endDate,\n  isEditingStartDate = false,\n  isEditingEndDate = false,\n  rangeLimit,\n  firstAvailableDate,\n  lastAvailableDate,\n  locale,\n}: Props) {\n  const firstDayOfMonth = useMemo(() => startOfMonth(date), [])\n  const lastDayOfMonth = useMemo(() => endOfMonth(date), [])\n  const byWeeks = useMemo(() => daysByWeeks(date), [])\n\n  const today = new Date().setHours(0, 0, 0, 0)\n\n  const weekdays: Date[] = useMemo(\n    () =>\n      eachDayOfInterval({\n        start: startOfWeek(today, { weekStartsOn: 1 }),\n        end: endOfWeek(today, { weekStartsOn: 1 }),\n      }),\n    []\n  )\n\n  const isOutOfRange =\n    rangeLimit != null &&\n    startDate != null &&\n    endDate != null &&\n    differenceInCalendarDays(endDate, startDate) >= rangeLimit\n\n  const isOutOfRangeStartDate = !!isEditingStartDate && isOutOfRange\n\n  const onMouseEnter = (day: Date, disabled: boolean) => {\n    let isDayOutOfRange = false\n    if (rangeLimit != null) {\n      if (isEditingStartDate) {\n        isDayOutOfRange =\n          endDate != null &&\n          differenceInCalendarDays(endDate, day) >= rangeLimit\n      } else if (isEditingEndDate) {\n        isDayOutOfRange =\n          startDate != null &&\n          differenceInCalendarDays(day, startDate) >= rangeLimit\n      }\n    }\n\n    onChangeDate(day, isDayOutOfRange, disabled)\n  }\n\n  const onSelect = (day: Date) => {\n    onSelectDate(day, isOutOfRange)\n  }\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__month\", {\n        \"cobalt-CalendarRangePicker__month--invalid\":\n          isOutOfRange && !isEditingStartDate,\n      })}\n      data-month={format(date, \"yyyy-MM\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__month-header\">\n        {format(date, \"MMMM yyyy\", { locale })}\n      </div>\n      <div className=\"cobalt-CalendarRangePicker__month__weeks-container\">\n        <div className=\"cobalt-CalendarRangePicker__month__week-header\">\n          {weekdays.map((weekday) => (\n            <div\n              key={weekday.getTime()}\n              className=\"cobalt-CalendarRangePicker__month__day-header\"\n            >\n              {format(weekday, \"iiiiii\", { locale })}\n            </div>\n          ))}\n        </div>\n        {byWeeks.map((week, index) => (\n          <div key={index} className=\"cobalt-CalendarRangePicker__month__week\">\n            {week.map((day) => {\n              const isStartDay = startDate != null && isSameDay(day, startDate)\n              const isEndDay = endDate != null && isSameDay(day, endDate)\n              return (\n                <CalendarRangePickerDay\n                  key={day.getTime()}\n                  isEditingStartDate={!!isEditingStartDate}\n                  isEditingEndDate={!!isEditingEndDate}\n                  date={day}\n                  onMouseEnter={onMouseEnter}\n                  onMouseLeave={onLeaveDate}\n                  onSelect={onSelect}\n                  isToday={isSameDay(day, today)}\n                  isStartDay={isStartDay}\n                  isEndDay={isEndDay}\n                  isFirstDayOfMonth={isSameDay(day, firstDayOfMonth)}\n                  isLastDayOfMonth={isSameDay(day, lastDayOfMonth)}\n                  isRange={isRange(startDate, endDate, isOutOfRangeStartDate)}\n                  invalid={isInvalid(\n                    day,\n                    startDate,\n                    rangeLimit,\n                    isOutOfRange,\n                    isEditingEndDate\n                  )}\n                  subdued={\n                    (isStartDay && isEditingEndDate) ||\n                    (isEndDay && isEditingStartDate)\n                  }\n                  disabled={isDisabled(\n                    day,\n                    firstAvailableDate,\n                    lastAvailableDate\n                  )}\n                  selected={isSelected(\n                    day,\n                    startDate,\n                    endDate,\n                    isStartDay,\n                    isEndDay,\n                    isOutOfRangeStartDate\n                  )}\n                />\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames","CalendarRangePickerDay"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drivy/cobalt",
-  "version": "0.27.0",
+  "version": "0.28.1",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "src/index.js",
   "types": "types/index.d.ts",
@@ -67,7 +67,7 @@
     "autoprefixer": "10.4.13",
     "core-js": "3.27.1",
     "css-loader": "6.7.3",
-    "eslint": "8.31.0",
+    "eslint": "8.32.0",
     "file-loader": "6.2.0",
     "jest": "29.3.1",
     "jest-environment-jsdom": "29.3.1",
@@ -95,7 +95,7 @@
     "stylelint": "14.16.1",
     "svg2vectordrawable": "2.9.1",
     "svgo": "3.0.2",
-    "ts-jest": "29.0.3",
+    "ts-jest": "29.0.5",
     "ts-node": "10.9.1",
     "typescript": "4.9.4"
   },

package/styles/components/BasicCell/index.scss

@@ -14,8 +14,9 @@
   }
 
   &BasicCell__Title {
-    // TOFIX to replace by small
-    @include text-style-title-tiny;
+    @include c-text-title-sm;
+    @include text-color(base);
+    margin-bottom: 0;
   }
 
   &BasicCell__Content {

package/styles/components/Calendar/CalendarRangePicker/index.scss

@@ -65,6 +65,9 @@
   }
 
   &__month-header {
+    @include c-text-title-sm;
+    @include text-color(base);
+    margin-bottom: 12px;
     padding: 4px;
 
     text-align: center;
@@ -72,10 +75,6 @@
     text-transform: capitalize;
   }
 
-  &__month-header.cobalt-text-titleSmall {
-    margin-bottom: 12px;
-  }
-
   &__month__week {
     display: flex;
     justify-content: flex-end;

package/styles/components/Icon/iconColors.scss

@@ -58,6 +58,10 @@
   fill: var(--c-icon-info);
 }
 
+.cobalt-Icon--colorInfoAlt {
+  fill: var(--c-icon-infoAlt);
+}
+
 .cobalt-Icon--colorError {
   fill: var(--c-icon-error);
 }
@@ -74,6 +78,10 @@
   fill: var(--c-icon-successAlt);
 }
 
+.cobalt-Icon--colorWarning {
+  fill: var(--c-icon-warning);
+}
+
 .cobalt-Icon--colorConnect {
   fill: var(--c-icon-connect);
 }
@@ -90,14 +98,6 @@
   fill: var(--c-icon-owner);
 }
 
-.cobalt-Icon--colorWarning {
-  fill: var(--c-icon-warning);
-}
-
-.cobalt-Icon--colorInfoAlt {
-  fill: var(--c-icon-infoAlt);
-}
-
 .cobalt-Icon--colorInversed {
   fill: var(--c-icon-inversed);
 }

package/styles/core/_colors-map.scss

@@ -39,7 +39,11 @@ $theme-colors-map: (
     owner: var(--c-l-indigo-dark),
     disabled: var(--c-l-grey-light),
     neutral: var(--c-l-grey-light),
-    neutralAlt: var(--c-l-grey-lighter)
+    neutralAlt: var(--c-l-grey-lighter),
+    seasonLow: var(--c-l-deprecatedSeasonLow),
+    seasonMedium: var(--c-l-deprecatedSeasonMedium),
+    seasonHigh: var(--c-l-deprecatedSeasonHigh),
+    seasonVeryHigh: var(--c-l-deprecatedSeasonVeryHigh)
   ),
   text: (
     base: var(--c-l-graphite),
@@ -63,15 +67,15 @@ $theme-colors-map: (
       hover: var(--c-l-white)
     ),
     info: var(--c-l-graphite-light),
+    infoAlt: var(--c-l-turquoise),
     error: var(--c-l-red),
     errorAlt: var(--c-l-white),
     success: var(--c-l-green),
     successAlt: var(--c-l-white),
+    warning: var(--c-l-coral),
     connect: var(--c-l-turquoise),
     driver: var(--c-l-graphite),
     owner: var(--c-l-white),
-    warning: var(--c-l-coral),
-    infoAlt: var(--c-l-turquoise),
     inversed: var(--c-l-white)
   ),
   buttonBackground: (
@@ -186,16 +190,16 @@ $theme-colors-map: (
       hover: var(--c-l-white)
     ),
     info: var(--c-l-graphite-light),
+    infoAlt: var(--c-l-turquoise),
     error: var(--c-l-red),
     errorAlt: var(--c-l-red),
     success: var(--c-l-green),
     successAlt: var(--c-l-white),
+    warning: var(--c-l-coral),
     connect: var(--c-l-turquoise),
     connectAlt: var(--c-l-turquoise),
     driver: var(--c-l-graphite),
     owner: var(--c-l-white),
-    warning: var(--c-l-coral),
-    infoAlt: var(--c-l-turquoise),
     inversed: var(--c-l-white),
     disabled: var(--c-l-grey-lighter)
   ),
@@ -232,9 +236,9 @@ $theme-colors-map: (
     accent: var(--c-l-purple),
     accentAlt: var(--c-l-purple),
     error: var(--c-l-red),
-    success: var(--c-l-green),
     negative: var(--c-l-red),
-    neutral: var(--c-l-grey-lighter),
-    disabled: var(--c-l-grey-dark)
+    success: var(--c-l-green),
+    disabled: var(--c-l-grey-dark),
+    neutral: var(--c-l-grey-lighter)
   )
 );

package/styles/core/palette.scss

@@ -59,6 +59,14 @@
   --c-yellow-700: #c59548;
   --c-yellow-900: #75592d;
   --c-yellow-1000: #3b2e17;
+  --c-season-100: #bdffac;
+  --c-season-200: #94ea84;
+  --c-season-300: #73c865;
+  --c-season-400: #54a949;
+  --c-season-700: #0b7011;
+  --c-season-800: #005100;
+  --c-season-900: #030;
+  --c-season-1000: #001900;
   --c-l-white: #fff;
   --c-l-grey-lighter: #f8f7f8;
   --c-l-grey-light: #edebed;
@@ -80,4 +88,8 @@
   --c-l-blue: #2ea2ea;
   --c-l-deprecatedBlueGhost: #2ea2ea0f;
   --c-l-deprecatedDriver: #ffd988;
+  --c-l-deprecatedSeasonLow: #bdffac;
+  --c-l-deprecatedSeasonMedium: #94ea84;
+  --c-l-deprecatedSeasonHigh: #73c865;
+  --c-l-deprecatedSeasonVeryHigh: #54a949;
 }

package/styles/core/theme.scss

@@ -29,6 +29,10 @@
   --c-background-disabled: var(--c-l-grey-light);
   --c-background-neutral: var(--c-l-grey-light);
   --c-background-neutralAlt: var(--c-l-grey-lighter);
+  --c-background-seasonLow: var(--c-l-deprecatedSeasonLow);
+  --c-background-seasonMedium: var(--c-l-deprecatedSeasonMedium);
+  --c-background-seasonHigh: var(--c-l-deprecatedSeasonHigh);
+  --c-background-seasonVeryHigh: var(--c-l-deprecatedSeasonVeryHigh);
   --c-text-base: var(--c-l-graphite);
   --c-text-baseInteractive: var(--c-l-graphite);
   --c-text-baseInteractive--hover: var(--c-l-graphite);
@@ -42,15 +46,15 @@
   --c-text-accentAltInteractive: var(--c-l-white);
   --c-text-accentAltInteractive--hover: var(--c-l-white);
   --c-text-info: var(--c-l-graphite-light);
+  --c-text-infoAlt: var(--c-l-turquoise);
   --c-text-error: var(--c-l-red);
   --c-text-errorAlt: var(--c-l-white);
   --c-text-success: var(--c-l-green);
   --c-text-successAlt: var(--c-l-white);
+  --c-text-warning: var(--c-l-coral);
   --c-text-connect: var(--c-l-turquoise);
   --c-text-driver: var(--c-l-graphite);
   --c-text-owner: var(--c-l-white);
-  --c-text-warning: var(--c-l-coral);
-  --c-text-infoAlt: var(--c-l-turquoise);
   --c-text-inversed: var(--c-l-white);
   --c-buttonBackground-selected: var(--c-l-indigo);
   --c-buttonBackground-destructiveInteractive: var(--c-l-red);
@@ -119,16 +123,16 @@
   --c-icon-accentAltInteractive: var(--c-l-white);
   --c-icon-accentAltInteractive--hover: var(--c-l-white);
   --c-icon-info: var(--c-l-graphite-light);
+  --c-icon-infoAlt: var(--c-l-turquoise);
   --c-icon-error: var(--c-l-red);
   --c-icon-errorAlt: var(--c-l-red);
   --c-icon-success: var(--c-l-green);
   --c-icon-successAlt: var(--c-l-white);
+  --c-icon-warning: var(--c-l-coral);
   --c-icon-connect: var(--c-l-turquoise);
   --c-icon-connectAlt: var(--c-l-turquoise);
   --c-icon-driver: var(--c-l-graphite);
   --c-icon-owner: var(--c-l-white);
-  --c-icon-warning: var(--c-l-coral);
-  --c-icon-infoAlt: var(--c-l-turquoise);
   --c-icon-inversed: var(--c-l-white);
   --c-icon-disabled: var(--c-l-grey-lighter);
   --c-stroke-base: var(--c-l-grey);
@@ -155,8 +159,8 @@
   --c-fill-accent: var(--c-l-purple);
   --c-fill-accentAlt: var(--c-l-purple);
   --c-fill-error: var(--c-l-red);
-  --c-fill-success: var(--c-l-green);
   --c-fill-negative: var(--c-l-red);
-  --c-fill-neutral: var(--c-l-grey-lighter);
+  --c-fill-success: var(--c-l-green);
   --c-fill-disabled: var(--c-l-grey-dark);
+  --c-fill-neutral: var(--c-l-grey-lighter);
 }

package/styles/core/typography.scss

@@ -72,177 +72,3 @@ $text-variants-data: (
 @function line-height($name) {
   @return nth(font-styles($name), 2);
 }
-
-// Those mixins are deprecated, please use the ones from ./text.scss
-
-@mixin text-style-hero-heading {
-  // reset is necessary as we still apply default style to html tags such as hX
-  margin-bottom: 0;
-
-  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-size: remToPx(2.25rem);
-  font-weight: 700;
-  line-height: remToPx(2.5rem);
-  color: color(white);
-
-  text-shadow: 0 3px 20px rgba(#000, 0.3);
-
-  @include breakpoint($from: sm) {
-    font-size: remToPx(3.5rem);
-    line-height: remToPx(3.75rem);
-  }
-}
-
-@mixin text-style-hero-subheading {
-  // reset is necessary as we still apply default style to html tags such as hX
-  margin-bottom: 0;
-
-  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-size: remToPx(1.25rem);
-  font-weight: 700;
-  line-height: remToPx(1.5rem);
-  color: color(white);
-
-  text-shadow: 0 3px 20px rgba(#000, 0.3);
-
-  @include breakpoint($from: sm) {
-    font-size: remToPx(1.75rem);
-    line-height: remToPx(2rem);
-  }
-}
-
-@mixin text-style-title-extralarge {
-  // reset is necessary as we still apply default style to html tags such as hX
-  margin-bottom: 0;
-
-  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-size: 2rem;
-  font-weight: 700;
-  line-height: 2.25rem;
-  color: color(indigo, dark);
-
-  @include breakpoint($from: sm) {
-    font-size: remToPx(2.5rem);
-    line-height: remToPx(2.75rem);
-  }
-}
-
-@mixin text-style-title-large {
-  // reset is necessary as we still apply default style to html tags such as hX
-  margin-bottom: 0;
-
-  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-size: 1.5rem;
-  font-weight: 700;
-  line-height: 1.75rem;
-  color: color(indigo, dark);
-
-  @include breakpoint($from: sm) {
-    font-size: remToPx(2rem);
-    line-height: remToPx(2.25rem);
-  }
-}
-
-@mixin text-style-title {
-  // reset is necessary as we still apply default style to html tags such as hX
-  margin-bottom: 0;
-
-  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-size: 1.125rem;
-  font-weight: 700;
-  line-height: 1.25rem;
-  color: color(indigo, dark);
-
-  @include breakpoint($from: sm) {
-    font-size: remToPx(1.5rem);
-    line-height: remToPx(1.75rem);
-  }
-}
-
-@mixin text-style-title-small {
-  // reset is necessary as we still apply default style to html tags such as hX
-  margin-bottom: 0;
-
-  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-size: 0.9375rem;
-  font-weight: 600;
-  line-height: 1.25rem;
-  color: color(indigo, dark);
-
-  @include breakpoint($from: sm) {
-    font-size: remToPx(1.125rem);
-    line-height: remToPx(1.5rem);
-  }
-}
-
-@mixin text-style-title-tiny {
-  // reset is necessary as we still apply default style to html tags such as hX
-  margin-bottom: 0;
-
-  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-size: 0.9375rem;
-  font-weight: 600;
-  line-height: 1.25rem;
-  color: color(indigo, dark);
-}
-
-@mixin text-style--titleSubdued {
-  color: color(purple);
-}
-
-@mixin text-style-body-large {
-  // reset is necessary as we still apply default style to html tags such as hX
-  margin-bottom: 0;
-
-  font-size: font-size(body-large);
-  line-height: line-height(body-large);
-}
-
-@mixin text-style-body {
-  // reset is necessary as we still apply default style to html tags such as hX
-  margin-bottom: 0;
-
-  font-size: font-size(body);
-  line-height: line-height(body);
-  color: color(graphite);
-}
-
-@mixin text-style-body-small {
-  // reset is necessary as we still apply default style to html tags such as hX
-  margin-bottom: 0;
-
-  font-size: font-size(body-small);
-  line-height: line-height(body-small);
-}
-
-@mixin text-style--bodySubdued {
-  color: color(graphite, light);
-}
-
-@mixin text-style--bodyInversed {
-  color: color(white);
-}
-
-@mixin text-style-caption {
-  // reset is necessary as we still apply default style to html tags such as hX
-  margin-bottom: 0;
-
-  font-size: font-size(caption);
-  line-height: line-height(caption);
-
-  color: rgba(color(graphite), 0.5);
-}
-
-@mixin text-style-section-header {
-  @include text-color(subdued);
-
-  // reset is necessary as we still apply default style to html tags such as hX
-  margin-bottom: 0;
-
-  font-family: font-family(brand);
-  font-weight: 700;
-  font-size: font-size(section-header);
-  line-height: line-height(section-header);
-
-  text-transform: uppercase;
-}

package/styles/global.scss

@@ -1,2 +1 @@
 @import "global/spacing";
-@import "global/typography";

package/tokens/colors.js

@@ -29,6 +29,10 @@ const green = {
 const blue = "#2ea2ea";
 const deprecatedBlueGhost = "#2ea2ea0f";
 const deprecatedDriver = "#ffd988";
+const deprecatedSeasonLow = "#BDFFAC";
+const deprecatedSeasonMedium = "#94EA84";
+const deprecatedSeasonHigh = "#73C865";
+const deprecatedSeasonVeryHigh = "#54A949";
 var _colors = {
 	white: white,
 	grey: grey,
@@ -42,8 +46,12 @@ var _colors = {
 	green: green,
 	blue: blue,
 	deprecatedBlueGhost: deprecatedBlueGhost,
-	deprecatedDriver: deprecatedDriver
+	deprecatedDriver: deprecatedDriver,
+	deprecatedSeasonLow: deprecatedSeasonLow,
+	deprecatedSeasonMedium: deprecatedSeasonMedium,
+	deprecatedSeasonHigh: deprecatedSeasonHigh,
+	deprecatedSeasonVeryHigh: deprecatedSeasonVeryHigh
 };
 
-export { amber, blue, coral, _colors as default, deprecatedBlueGhost, deprecatedDriver, graphite, green, grey, indigo, purple, red, turquoise, white };
+export { amber, blue, coral, _colors as default, deprecatedBlueGhost, deprecatedDriver, deprecatedSeasonHigh, deprecatedSeasonLow, deprecatedSeasonMedium, deprecatedSeasonVeryHigh, graphite, green, grey, indigo, purple, red, turquoise, white };
 //# sourceMappingURL=colors.js.map

package/tokens/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/tokens/palette.js

@@ -76,6 +76,16 @@ const yellow = {
 	"900": "#75592D",
 	"1000": "#3B2E17"
 };
+const season = {
+	"100": "#BDFFAC",
+	"200": "#94EA84",
+	"300": "#73C865",
+	"400": "#54A949",
+	"700": "#0B7011",
+	"800": "#005100",
+	"900": "#030",
+	"1000": "#001900"
+};
 var _palette = {
 	black: black,
 	grey: grey,
@@ -88,8 +98,9 @@ var _palette = {
 	red: red,
 	turquoise: turquoise,
 	white: white,
-	yellow: yellow
+	yellow: yellow,
+	season: season
 };
 
-export { black, _palette as default, green, grey, navy, orange, purple, purpleDeep, purpleLight, red, turquoise, white, yellow };
+export { black, _palette as default, green, grey, navy, orange, purple, purpleDeep, purpleLight, red, season, turquoise, white, yellow };
 //# sourceMappingURL=palette.js.map

package/tokens/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"palette.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/tokens/theme.js

@@ -34,7 +34,11 @@ const background = {
 	owner: "indigo.dark/navy.700/navy.700",
 	disabled: "grey.light/navy.100/black.50",
 	neutral: "grey.light/navy.100/black.50",
-	neutralAlt: "grey.lighter/navy.50/black.100"
+	neutralAlt: "grey.lighter/navy.50/black.100",
+	seasonLow: "deprecatedSeasonLow/season.100/season.700",
+	seasonMedium: "deprecatedSeasonMedium/season.200/season.800",
+	seasonHigh: "deprecatedSeasonHigh/season.300/season.900",
+	seasonVeryHigh: "deprecatedSeasonVeryHigh/season.400/season.1000"
 };
 const text = {
 	base: "graphite/navy.700/grey.100",
@@ -58,15 +62,15 @@ const text = {
 		hover: "white/purple.700/grey.100"
 	},
 	info: "graphite.light/yellow.900/yellow.300",
+	infoAlt: "turquoise/yellow.500/yellow.700",
 	error: "red/red.500/red.400",
 	errorAlt: "white/red.500/red.500",
 	success: "green/green.700/green.700",
 	successAlt: "white/green.900/green.100",
+	warning: "coral/orange.500/orange.300",
 	connect: "turquoise/turquoise.500/turquoise.500",
 	driver: "graphite/navy.700/navy.700",
 	owner: "white/white/grey.100",
-	warning: "coral/orange.500/orange.300",
-	infoAlt: "turquoise/yellow.500/yellow.700",
 	inversed: "white/white/white"
 };
 const buttonBackground = {
@@ -181,16 +185,16 @@ const icon = {
 		hover: "white/purple.700/grey.100"
 	},
 	info: "graphite.light/yellow.900/yellow.300",
+	infoAlt: "turquoise/yellow.500/yellow.700",
 	error: "red/red.500/red.400",
 	errorAlt: "red/red.500/red.200",
 	success: "green/green.700/green.700",
 	successAlt: "white/green.900/green.100",
+	warning: "coral/orange.500/orange.300",
 	connect: "turquoise/turquoise.500/white",
 	connectAlt: "turquoise/turquoise.900/turquoise.50",
 	driver: "graphite/navy.700//navy.700",
 	owner: "white/white/white",
-	warning: "coral/orange.500/orange.300",
-	infoAlt: "turquoise/yellow.500/yellow.700",
 	inversed: "white/white/white",
 	disabled: "grey.lighter/navy.100/black.50"
 };
@@ -201,11 +205,11 @@ const stroke = {
 		hover: "graphite.light/navy.300/purpleDeep.400",
 		press: "graphite/navy.500/purpleDeep.400"
 	},
-	strong: "grey.dark/navy.200/grey.200",
+	strong: "grey.dark/navy.300/navy.200",
 	strongInteractive: {
-		DEFAULT: "grey.dark/navy.200/grey.200",
-		hover: "graphite.light/navy.300/purpleDeep.400",
-		press: "graphite/navy.500/purpleDeep.400"
+		DEFAULT: "grey.dark/navy.300/navy.200",
+		hover: "graphite.light/navy.500/purpleDeep.400",
+		press: "graphite/navy.700/purpleDeep.400"
 	},
 	subdued: "grey.light/navy.100/black.50",
 	accent: "indigo/purple.500/purpleDeep.400",
@@ -227,10 +231,10 @@ const fill = {
 	accent: "purple/purple.500/purpleDeep.400",
 	accentAlt: "purple/purple.100/purpleDeep.900",
 	error: "red/red.500/red.500",
-	success: "green/green.500/green.700",
 	negative: "red/red.150/red.900",
-	neutral: "grey.lighter/navy.50/black.100",
-	disabled: "grey.dark/navy.300/grey.300"
+	success: "green/green.500/green.700",
+	disabled: "grey.dark/navy.300/grey.300",
+	neutral: "grey.lighter/navy.50/black.100"
 };
 var _theme = {
 	background: background,

package/tokens/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/types/components/Icon/index.d.ts

@@ -5,7 +5,7 @@ interface IconsMap {
 }
 export declare const BUNDLED_ICONS: IconsMap;
 export type IconSources = keyof typeof iconTokens.icons;
-export declare const iconColors: ("info" | "amber" | "blue" | "coral" | "graphite" | "graphiteLight" | "green" | "greenDark" | "greenLight" | "grey" | "greyDark" | "greyLight" | "greyLighter" | "indigo" | "indigoDark" | "purple" | "purpleLight" | "red" | "turquoise" | "white" | "base" | "baseInteractive" | "subdued" | "subduedInteractive" | "accent" | "accentInteractive" | "accentAlt" | "accentAltInteractive" | "error" | "errorAlt" | "success" | "successAlt" | "connect" | "connectAlt" | "driver" | "owner" | "warning" | "infoAlt" | "inversed" | "disabled")[];
+export declare const iconColors: ("info" | "amber" | "blue" | "coral" | "graphite" | "graphiteLight" | "green" | "greenDark" | "greenLight" | "grey" | "greyDark" | "greyLight" | "greyLighter" | "indigo" | "indigoDark" | "purple" | "purpleLight" | "red" | "turquoise" | "white" | "base" | "baseInteractive" | "subdued" | "subduedInteractive" | "accent" | "accentInteractive" | "accentAlt" | "accentAltInteractive" | "infoAlt" | "error" | "errorAlt" | "success" | "successAlt" | "warning" | "connect" | "connectAlt" | "driver" | "owner" | "inversed" | "disabled")[];
 export type IconColorsType = typeof iconColors[number];
 export interface IconProps {
     source: IconSources;

package/types/tokens/index.d.ts

@@ -36,6 +36,10 @@ export declare const colors: {
     blue: string;
     deprecatedBlueGhost: string;
     deprecatedDriver: string;
+    deprecatedSeasonLow: string;
+    deprecatedSeasonMedium: string;
+    deprecatedSeasonHigh: string;
+    deprecatedSeasonVeryHigh: string;
 };
 export declare const countries: {
     flags: {
@@ -438,6 +442,16 @@ export declare const palette: {
         "900": string;
         "1000": string;
     };
+    season: {
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "1000": string;
+    };
 };
 export declare const theme: {
     background: {
@@ -477,6 +491,10 @@ export declare const theme: {
         disabled: string;
         neutral: string;
         neutralAlt: string;
+        seasonLow: string;
+        seasonMedium: string;
+        seasonHigh: string;
+        seasonVeryHigh: string;
     };
     text: {
         base: string;
@@ -500,15 +518,15 @@ export declare const theme: {
             hover: string;
         };
         info: string;
+        infoAlt: string;
         error: string;
         errorAlt: string;
         success: string;
         successAlt: string;
+        warning: string;
         connect: string;
         driver: string;
         owner: string;
-        warning: string;
-        infoAlt: string;
         inversed: string;
     };
     buttonBackground: {
@@ -623,16 +641,16 @@ export declare const theme: {
             hover: string;
         };
         info: string;
+        infoAlt: string;
         error: string;
         errorAlt: string;
         success: string;
         successAlt: string;
+        warning: string;
         connect: string;
         connectAlt: string;
         driver: string;
         owner: string;
-        warning: string;
-        infoAlt: string;
         inversed: string;
         disabled: string;
     };
@@ -669,9 +687,9 @@ export declare const theme: {
         accent: string;
         accentAlt: string;
         error: string;
-        success: string;
         negative: string;
-        neutral: string;
+        success: string;
         disabled: string;
+        neutral: string;
     };
 };

package/utilities.css

@@ -2125,6 +2125,22 @@
   border-color: #ffd988
 }
 
+.c-border-deprecatedSeasonLow {
+  border-color: #BDFFAC
+}
+
+.c-border-deprecatedSeasonMedium {
+  border-color: #94EA84
+}
+
+.c-border-deprecatedSeasonHigh {
+  border-color: #73C865
+}
+
+.c-border-deprecatedSeasonVeryHigh {
+  border-color: #54A949
+}
+
 .c-border-current {
   border-color: currentColor
 }
@@ -2217,6 +2233,22 @@
   border-color: #ffd988
 }
 
+.hover\:c-border-deprecatedSeasonLow:hover {
+  border-color: #BDFFAC
+}
+
+.hover\:c-border-deprecatedSeasonMedium:hover {
+  border-color: #94EA84
+}
+
+.hover\:c-border-deprecatedSeasonHigh:hover {
+  border-color: #73C865
+}
+
+.hover\:c-border-deprecatedSeasonVeryHigh:hover {
+  border-color: #54A949
+}
+
 .hover\:c-border-current:hover {
   border-color: currentColor
 }
@@ -2309,6 +2341,22 @@
   border-color: #ffd988
 }
 
+.focus\:c-border-deprecatedSeasonLow:focus {
+  border-color: #BDFFAC
+}
+
+.focus\:c-border-deprecatedSeasonMedium:focus {
+  border-color: #94EA84
+}
+
+.focus\:c-border-deprecatedSeasonHigh:focus {
+  border-color: #73C865
+}
+
+.focus\:c-border-deprecatedSeasonVeryHigh:focus {
+  border-color: #54A949
+}
+
 .focus\:c-border-current:focus {
   border-color: currentColor
 }
@@ -2401,6 +2449,22 @@
   background-color: #ffd988
 }
 
+.c-bg-deprecatedSeasonLow {
+  background-color: #BDFFAC
+}
+
+.c-bg-deprecatedSeasonMedium {
+  background-color: #94EA84
+}
+
+.c-bg-deprecatedSeasonHigh {
+  background-color: #73C865
+}
+
+.c-bg-deprecatedSeasonVeryHigh {
+  background-color: #54A949
+}
+
 .c-bg-current {
   background-color: currentColor
 }
@@ -2493,6 +2557,22 @@
   background-color: #ffd988
 }
 
+.hover\:c-bg-deprecatedSeasonLow:hover {
+  background-color: #BDFFAC
+}
+
+.hover\:c-bg-deprecatedSeasonMedium:hover {
+  background-color: #94EA84
+}
+
+.hover\:c-bg-deprecatedSeasonHigh:hover {
+  background-color: #73C865
+}
+
+.hover\:c-bg-deprecatedSeasonVeryHigh:hover {
+  background-color: #54A949
+}
+
 .hover\:c-bg-current:hover {
   background-color: currentColor
 }
@@ -2585,6 +2665,22 @@
   background-color: #ffd988
 }
 
+.focus\:c-bg-deprecatedSeasonLow:focus {
+  background-color: #BDFFAC
+}
+
+.focus\:c-bg-deprecatedSeasonMedium:focus {
+  background-color: #94EA84
+}
+
+.focus\:c-bg-deprecatedSeasonHigh:focus {
+  background-color: #73C865
+}
+
+.focus\:c-bg-deprecatedSeasonVeryHigh:focus {
+  background-color: #54A949
+}
+
 .focus\:c-bg-current:focus {
   background-color: currentColor
 }
@@ -3089,6 +3185,22 @@
   color: #ffd988
 }
 
+.c-text-deprecatedSeasonLow {
+  color: #BDFFAC
+}
+
+.c-text-deprecatedSeasonMedium {
+  color: #94EA84
+}
+
+.c-text-deprecatedSeasonHigh {
+  color: #73C865
+}
+
+.c-text-deprecatedSeasonVeryHigh {
+  color: #54A949
+}
+
 .c-text-transparent {
   color: transparent
 }
@@ -3181,6 +3293,22 @@
   color: #ffd988
 }
 
+.hover\:c-text-deprecatedSeasonLow:hover {
+  color: #BDFFAC
+}
+
+.hover\:c-text-deprecatedSeasonMedium:hover {
+  color: #94EA84
+}
+
+.hover\:c-text-deprecatedSeasonHigh:hover {
+  color: #73C865
+}
+
+.hover\:c-text-deprecatedSeasonVeryHigh:hover {
+  color: #54A949
+}
+
 .hover\:c-text-transparent:hover {
   color: transparent
 }
@@ -3273,6 +3401,22 @@
   color: #ffd988
 }
 
+.focus\:c-text-deprecatedSeasonLow:focus {
+  color: #BDFFAC
+}
+
+.focus\:c-text-deprecatedSeasonMedium:focus {
+  color: #94EA84
+}
+
+.focus\:c-text-deprecatedSeasonHigh:focus {
+  color: #73C865
+}
+
+.focus\:c-text-deprecatedSeasonVeryHigh:focus {
+  color: #54A949
+}
+
 .focus\:c-text-transparent:focus {
   color: transparent
 }
@@ -3934,6 +4078,22 @@
   background-color: #f8f7f8
 }
 
+.c-bg-seasonLow {
+  background-color: #BDFFAC
+}
+
+.c-bg-seasonMedium {
+  background-color: #94EA84
+}
+
+.c-bg-seasonHigh {
+  background-color: #73C865
+}
+
+.c-bg-seasonVeryHigh {
+  background-color: #54A949
+}
+
 .c-bg-fill-base {
   background-color: #333
 }
@@ -3958,22 +4118,22 @@
   background-color: #ff7378
 }
 
-.c-bg-fill-success {
-  background-color: #00da94
-}
-
 .c-bg-fill-negative {
   background-color: #ff7378
 }
 
-.c-bg-fill-neutral {
-  background-color: #f8f7f8
+.c-bg-fill-success {
+  background-color: #00da94
 }
 
 .c-bg-fill-disabled {
   background-color: #a49da7
 }
 
+.c-bg-fill-neutral {
+  background-color: #f8f7f8
+}
+
 .c-text-base {
   color: #333
 }
@@ -4042,6 +4202,10 @@
   color: #757575
 }
 
+.c-text-infoAlt {
+  color: #5ecbdd
+}
+
 .c-text-error {
   color: #ff7378
 }
@@ -4058,6 +4222,10 @@
   color: #fff
 }
 
+.c-text-warning {
+  color: #ffa484
+}
+
 .c-text-connect {
   color: #5ecbdd
 }
@@ -4070,14 +4238,6 @@
   color: #fff
 }
 
-.c-text-warning {
-  color: #ffa484
-}
-
-.c-text-infoAlt {
-  color: #5ecbdd
-}
-
 .c-text-inversed {
   color: #fff
 }

package/styles/global/typography.scss

@@ -1,78 +0,0 @@
-.cobalt- {
-  @mixin title-shared-styles {
-    &.cobalt-text--subdued {
-      @include text-style--titleSubdued;
-    }
-  }
-
-  @mixin body-shared-styles {
-    &.cobalt-text--subdued {
-      @include text-style--bodySubdued;
-    }
-
-    &.cobalt-text--inversed {
-      @include text-style--bodyInversed;
-    }
-
-    &.cobalt-text--emphasized,
-    .cobalt-text--emphasized {
-      font-weight: 600;
-    }
-  }
-
-  &text-heroHeading {
-    @include text-style-hero-heading;
-  }
-
-  &text-heroSubheading {
-    @include text-style-hero-subheading;
-  }
-
-  &text-titleExtraLarge {
-    @include text-style-title-extralarge;
-    @include title-shared-styles;
-  }
-
-  &text-titleLarge {
-    @include text-style-title-large;
-    @include title-shared-styles;
-  }
-
-  &text-title {
-    @include text-style-title;
-    @include title-shared-styles;
-  }
-
-  &text-titleSmall {
-    @include text-style-title-small;
-    @include title-shared-styles;
-  }
-
-  &text-titleTiny {
-    @include text-style-title-tiny;
-    @include title-shared-styles;
-  }
-
-  &text-bodyLarge {
-    @include text-style-body-large;
-    @include body-shared-styles;
-  }
-
-  &text-body {
-    @include text-style-body;
-    @include body-shared-styles;
-  }
-
-  &text-bodySmall {
-    @include text-style-body-small;
-    @include body-shared-styles;
-  }
-
-  &text-caption {
-    @include text-style-caption;
-  }
-
-  &text-sectionHeader {
-    @include c-text-section-heading;
-  }
-}