@codecademy/gamut

Index: package/dist/DatePicker/DatePickerInput/Segment/elements.js
===================================================================
--- package/dist/DatePicker/DatePickerInput/Segment/elements.js
+++ package/dist/DatePicker/DatePickerInput/Segment/elements.js
@@ -0,0 +1,34 @@
+import _styled from "@emotion/styled/base";
+import { css, states } from '@codecademy/gamut-styles';
+const segmentStyles = states({
+  default: {
+    color: 'text-secondary'
+  }
+});
+export const Segment = /*#__PURE__*/_styled("span", {
+  target: "e157t5v81",
+  label: "Segment"
+})(({
+  field
+}) => css({
+  display: 'inline-block',
+  textAlign: 'center',
+  minWidth: field === 'year' ? '4ch' : '2ch',
+  padding: 0,
+  margin: 0,
+  color: 'text',
+  cursor: 'text',
+  '&:focus': {
+    outline: '1px solid blue'
+  }
+}), segmentStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL0RhdGVQaWNrZXJJbnB1dC9TZWdtZW50L2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL0RhdGVQaWNrZXJJbnB1dC9TZWdtZW50L2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IERhdGVQYXJ0S2luZCB9IGZyb20gJy4uL3V0aWxzJztcblxuY29uc3Qgc2VnbWVudFN0eWxlcyA9IHN0YXRlcyh7XG4gIGRlZmF1bHQ6IHtcbiAgICBjb2xvcjogJ3RleHQtc2Vjb25kYXJ5JyxcbiAgfSxcbn0pO1xuXG50eXBlIFNlZ21lbnRTdHlsZVByb3BzID0gU3R5bGVQcm9wczx0eXBlb2Ygc2VnbWVudFN0eWxlcz4gJiB7XG4gIGZpZWxkOiBEYXRlUGFydEtpbmQ7XG59O1xuXG5leHBvcnQgY29uc3QgU2VnbWVudCA9IHN0eWxlZC5zcGFuPFNlZ21lbnRTdHlsZVByb3BzPihcbiAgKHsgZmllbGQgfSkgPT5cbiAgICBjc3Moe1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICAgICAgbWluV2lkdGg6IGZpZWxkID09PSAneWVhcicgPyAnNGNoJyA6ICcyY2gnLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICBjdXJzb3I6ICd0ZXh0JyxcbiAgICAgICcmOmZvY3VzJzoge1xuICAgICAgICBvdXRsaW5lOiAnMXB4IHNvbGlkIGJsdWUnLFxuICAgICAgfSxcbiAgICB9KSxcbiAgc2VnbWVudFN0eWxlc1xuKTtcblxuLyoqIExvY2FsZSBzZXBhcmF0b3IgKGAvYCwgYC5gLCBldGMuKSBiZXR3ZWVuIHNlZ21lbnRzLiAqL1xuZXhwb3J0IGNvbnN0IFNlZ21lbnRMaXRlcmFsID0gc3R5bGVkLnNwYW4oXG4gIGNzcyh7XG4gICAgY29sb3I6ICd0ZXh0LXNlY29uZGFyeScsXG4gICAgdXNlclNlbGVjdDogJ25vbmUnLFxuICAgIHB4OiA0LFxuICB9KVxuKTtcbiJdfQ== */");
+
+/** Locale separator (`/`, `.`, etc.) between segments. */
+export const SegmentLiteral = /*#__PURE__*/_styled("span", {
+  target: "e157t5v80",
+  label: "SegmentLiteral"
+})(css({
+  color: 'text-secondary',
+  userSelect: 'none',
+  px: 4
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL0RhdGVQaWNrZXJJbnB1dC9TZWdtZW50L2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQzhCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL0RhdGVQaWNrZXJJbnB1dC9TZWdtZW50L2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IERhdGVQYXJ0S2luZCB9IGZyb20gJy4uL3V0aWxzJztcblxuY29uc3Qgc2VnbWVudFN0eWxlcyA9IHN0YXRlcyh7XG4gIGRlZmF1bHQ6IHtcbiAgICBjb2xvcjogJ3RleHQtc2Vjb25kYXJ5JyxcbiAgfSxcbn0pO1xuXG50eXBlIFNlZ21lbnRTdHlsZVByb3BzID0gU3R5bGVQcm9wczx0eXBlb2Ygc2VnbWVudFN0eWxlcz4gJiB7XG4gIGZpZWxkOiBEYXRlUGFydEtpbmQ7XG59O1xuXG5leHBvcnQgY29uc3QgU2VnbWVudCA9IHN0eWxlZC5zcGFuPFNlZ21lbnRTdHlsZVByb3BzPihcbiAgKHsgZmllbGQgfSkgPT5cbiAgICBjc3Moe1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICAgICAgbWluV2lkdGg6IGZpZWxkID09PSAneWVhcicgPyAnNGNoJyA6ICcyY2gnLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICBjdXJzb3I6ICd0ZXh0JyxcbiAgICAgICcmOmZvY3VzJzoge1xuICAgICAgICBvdXRsaW5lOiAnMXB4IHNvbGlkIGJsdWUnLFxuICAgICAgfSxcbiAgICB9KSxcbiAgc2VnbWVudFN0eWxlc1xuKTtcblxuLyoqIExvY2FsZSBzZXBhcmF0b3IgKGAvYCwgYC5gLCBldGMuKSBiZXR3ZWVuIHNlZ21lbnRzLiAqL1xuZXhwb3J0IGNvbnN0IFNlZ21lbnRMaXRlcmFsID0gc3R5bGVkLnNwYW4oXG4gIGNzcyh7XG4gICAgY29sb3I6ICd0ZXh0LXNlY29uZGFyeScsXG4gICAgdXNlclNlbGVjdDogJ25vbmUnLFxuICAgIHB4OiA0LFxuICB9KVxuKTtcbiJdfQ== */");
\ No newline at end of file