@codecademy/gamut
68.2.268.2.3-alpha.93a7da.0
dist/DatePicker/DatePickerInput/Segment/elements.js+
dist/DatePicker/DatePickerInput/Segment/elements.jsNew file+40
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,40 @@
+import _styled from "@emotion/styled/base";
+import { css, states } from '@codecademy/gamut-styles';
+const segmentStyles = states({
+ isEmpty: {
+ color: 'text-secondary'
+ },
+ isYear: {
+ minWidth: '4ch'
+ }
+});
+export const Segment = /*#__PURE__*/_styled("span", {
+ target: "e157t5v81",
+ label: "Segment"
+})(css({
+ display: 'inline-block',
+ textAlign: 'center',
+ minWidth: '2ch',
+ padding: 0,
+ margin: 0,
+ color: 'text',
+ cursor: 'text',
+ '&:focus': {
+ bg: 'primary',
+ color: 'background',
+ borderRadius: 'md'
+ },
+ '&:focus-visible': {
+ outline: 'none'
+ }
+}), segmentStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL0RhdGVQaWNrZXJJbnB1dC9TZWdtZW50L2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFldUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0RhdGVQaWNrZXIvRGF0ZVBpY2tlcklucHV0L1NlZ21lbnQvZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBzdGF0ZXMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3Qgc2VnbWVudFN0eWxlcyA9IHN0YXRlcyh7XG4gIGlzRW1wdHk6IHtcbiAgICBjb2xvcjogJ3RleHQtc2Vjb25kYXJ5JyxcbiAgfSxcbiAgaXNZZWFyOiB7XG4gICAgbWluV2lkdGg6ICc0Y2gnLFxuICB9LFxufSk7XG5cbnR5cGUgU2VnbWVudFN0eWxlUHJvcHMgPSBTdHlsZVByb3BzPHR5cGVvZiBzZWdtZW50U3R5bGVzPjtcblxuZXhwb3J0IGNvbnN0IFNlZ21lbnQgPSBzdHlsZWQuc3BhbjxTZWdtZW50U3R5bGVQcm9wcz4oXG4gIGNzcyh7XG4gICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICBtaW5XaWR0aDogJzJjaCcsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG4gICAgY29sb3I6ICd0ZXh0JyxcbiAgICBjdXJzb3I6ICd0ZXh0JyxcbiAgICAnJjpmb2N1cyc6IHtcbiAgICAgIGJnOiAncHJpbWFyeScsXG4gICAgICBjb2xvcjogJ2JhY2tncm91bmQnLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgIH0sXG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICB9KSxcbiAgc2VnbWVudFN0eWxlc1xuKTtcblxuLyoqIExvY2FsZSBzZXBhcmF0b3IgKGAvYCwgYC5gLCBldGMuKSBiZXR3ZWVuIHNlZ21lbnRzLiAqL1xuZXhwb3J0IGNvbnN0IFNlZ21lbnRMaXRlcmFsID0gc3R5bGVkLnNwYW4oXG4gIGNzcyh7XG4gICAgY29sb3I6ICd0ZXh0LXNlY29uZGFyeScsXG4gICAgdXNlclNlbGVjdDogJ25vbmUnLFxuICAgIHB4OiA0LFxuICB9KVxuKTtcbiJdfQ== */");
+
+/** 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL0RhdGVQaWNrZXJJbnB1dC9TZWdtZW50L2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzhCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL0RhdGVQaWNrZXJJbnB1dC9TZWdtZW50L2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IHNlZ21lbnRTdHlsZXMgPSBzdGF0ZXMoe1xuICBpc0VtcHR5OiB7XG4gICAgY29sb3I6ICd0ZXh0LXNlY29uZGFyeScsXG4gIH0sXG4gIGlzWWVhcjoge1xuICAgIG1pbldpZHRoOiAnNGNoJyxcbiAgfSxcbn0pO1xuXG50eXBlIFNlZ21lbnRTdHlsZVByb3BzID0gU3R5bGVQcm9wczx0eXBlb2Ygc2VnbWVudFN0eWxlcz47XG5cbmV4cG9ydCBjb25zdCBTZWdtZW50ID0gc3R5bGVkLnNwYW48U2VnbWVudFN0eWxlUHJvcHM+KFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gICAgbWluV2lkdGg6ICcyY2gnLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbWFyZ2luOiAwLFxuICAgIGNvbG9yOiAndGV4dCcsXG4gICAgY3Vyc29yOiAndGV4dCcsXG4gICAgJyY6Zm9jdXMnOiB7XG4gICAgICBiZzogJ3ByaW1hcnknLFxuICAgICAgY29sb3I6ICdiYWNrZ3JvdW5kJyxcbiAgICAgIGJvcmRlclJhZGl1czogJ21kJyxcbiAgICB9LFxuICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICBvdXRsaW5lOiAnbm9uZScsXG4gICAgfSxcbiAgfSksXG4gIHNlZ21lbnRTdHlsZXNcbik7XG5cbi8qKiBMb2NhbGUgc2VwYXJhdG9yIChgL2AsIGAuYCwgZXRjLikgYmV0d2VlbiBzZWdtZW50cy4gKi9cbmV4cG9ydCBjb25zdCBTZWdtZW50TGl0ZXJhbCA9IHN0eWxlZC5zcGFuKFxuICBjc3Moe1xuICAgIGNvbG9yOiAndGV4dC1zZWNvbmRhcnknLFxuICAgIHVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICBweDogNCxcbiAgfSlcbik7XG4iXX0= */");
\ No newline at end of file