@lifesg/react-design-system 3.4.0-canary.4 → 3.4.0-canary.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/badge/badge.style.d.ts +3 -3
- package/badge/badge.style.js +8 -8
- package/badge/badge.style.js.map +1 -1
- package/badge/types.d.ts +1 -1
- package/cjs/badge/badge.style.js +11 -11
- package/cjs/badge/badge.style.js.map +1 -1
- package/cjs/date-input/date-input.js +1 -1
- package/cjs/date-input/date-input.js.map +1 -1
- package/cjs/error-display/error-display-data.js +1 -1
- package/cjs/error-display/error-display-data.js.map +1 -1
- package/cjs/filter/filter-badge.js +2 -0
- package/cjs/filter/filter-badge.js.map +1 -0
- package/cjs/filter/filter-modal.js +1 -1
- package/cjs/filter/filter-modal.js.map +1 -1
- package/cjs/filter/filter-modal.styles.js +20 -12
- package/cjs/filter/filter-modal.styles.js.map +1 -1
- package/cjs/filter/filter-sidebar.js +1 -1
- package/cjs/filter/filter-sidebar.js.map +1 -1
- package/cjs/filter/filter-sidebar.styles.js +19 -14
- package/cjs/filter/filter-sidebar.styles.js.map +1 -1
- package/cjs/form/form-wrapper.js +1 -1
- package/cjs/form/form-wrapper.js.map +1 -1
- package/cjs/fullscreen-image-carousel/fullscreen-image-carousel.js +1 -1
- package/cjs/fullscreen-image-carousel/fullscreen-image-carousel.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/modal/modal.js +1 -1
- package/cjs/modal/modal.js.map +1 -1
- package/cjs/modal/modal.styles.js +4 -5
- package/cjs/modal/modal.styles.js.map +1 -1
- package/cjs/modal-v2/modal-v2.js +1 -1
- package/cjs/modal-v2/modal-v2.js.map +1 -1
- package/cjs/modal-v2/modal-v2.styles.js +10 -10
- package/cjs/modal-v2/modal-v2.styles.js.map +1 -1
- package/cjs/shared/hooks/useViewport.js +1 -1
- package/cjs/shared/hooks/useViewport.js.map +1 -1
- package/cjs/shared/standalone-date-input/standalone-date-input.js +1 -1
- package/cjs/shared/standalone-date-input/standalone-date-input.js.map +1 -1
- package/cjs/shared/standalone-date-input/standalone-date-input.style.js +19 -16
- package/cjs/shared/standalone-date-input/standalone-date-input.style.js.map +1 -1
- package/cjs/theme/colour-primitive/specs/careercompass-colour-set.js +2 -0
- package/cjs/theme/colour-primitive/specs/careercompass-colour-set.js.map +1 -0
- package/cjs/theme/colour-primitive/theme-helper.js +1 -1
- package/cjs/theme/colour-primitive/theme-helper.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js +1 -1
- package/cjs/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/lifesg-semantic-tokens.js +1 -1
- package/cjs/theme/colour-semantic/specs/lifesg-semantic-tokens.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/pa-semantic-tokens.js +1 -1
- package/cjs/theme/colour-semantic/specs/pa-semantic-tokens.js.map +1 -1
- package/cjs/theme/colour-semantic/specs/sgwdigitallobby-tokens.js +1 -1
- package/cjs/theme/colour-semantic/specs/sgwdigitallobby-tokens.js.map +1 -1
- package/cjs/theme/colour-semantic/theme-helper.js +1 -1
- package/cjs/theme/colour-semantic/theme-helper.js.map +1 -1
- package/cjs/theme/font/theme-helper.js +1 -1
- package/cjs/theme/font/theme-helper.js.map +1 -1
- package/cjs/theme/font-spec/theme-helper.js +1 -1
- package/cjs/theme/font-spec/theme-helper.js.map +1 -1
- package/cjs/theme/index.js +1 -1
- package/cjs/theme/index.js.map +1 -1
- package/cjs/timepicker/timepicker.js +1 -1
- package/cjs/timepicker/timepicker.js.map +1 -1
- package/cjs/timepicker/timepicker.styles.js +4 -3
- package/cjs/timepicker/timepicker.styles.js.map +1 -1
- package/date-input/date-input.js +1 -1
- package/date-input/date-input.js.map +1 -1
- package/error-display/error-display-data.js +1 -1
- package/error-display/error-display-data.js.map +1 -1
- package/filter/filter-badge.d.ts +5 -0
- package/filter/filter-badge.js +2 -0
- package/filter/filter-badge.js.map +1 -0
- package/filter/filter-modal.d.ts +1 -1
- package/filter/filter-modal.js +1 -1
- package/filter/filter-modal.js.map +1 -1
- package/filter/filter-modal.styles.d.ts +2 -0
- package/filter/filter-modal.styles.js +24 -16
- package/filter/filter-modal.styles.js.map +1 -1
- package/filter/filter-sidebar.d.ts +1 -1
- package/filter/filter-sidebar.js +1 -1
- package/filter/filter-sidebar.js.map +1 -1
- package/filter/filter-sidebar.styles.d.ts +1 -0
- package/filter/filter-sidebar.styles.js +19 -14
- package/filter/filter-sidebar.styles.js.map +1 -1
- package/filter/filter.d.ts +2 -2
- package/filter/types.d.ts +1 -0
- package/form/form-wrapper.js +1 -1
- package/form/form-wrapper.js.map +1 -1
- package/fullscreen-image-carousel/fullscreen-image-carousel.js +1 -1
- package/fullscreen-image-carousel/fullscreen-image-carousel.js.map +1 -1
- package/index.js +1 -1
- package/modal/modal.js +1 -1
- package/modal/modal.js.map +1 -1
- package/modal/modal.styles.d.ts +1 -1
- package/modal/modal.styles.js +4 -5
- package/modal/modal.styles.js.map +1 -1
- package/modal-v2/modal-v2.js +1 -1
- package/modal-v2/modal-v2.js.map +1 -1
- package/modal-v2/modal-v2.styles.d.ts +0 -2
- package/modal-v2/modal-v2.styles.js +9 -9
- package/modal-v2/modal-v2.styles.js.map +1 -1
- package/package.json +1 -1
- package/shared/hooks/useViewport.d.ts +7 -2
- package/shared/hooks/useViewport.js +1 -1
- package/shared/hooks/useViewport.js.map +1 -1
- package/shared/standalone-date-input/standalone-date-input.js +1 -1
- package/shared/standalone-date-input/standalone-date-input.js.map +1 -1
- package/shared/standalone-date-input/standalone-date-input.style.d.ts +2 -1
- package/shared/standalone-date-input/standalone-date-input.style.js +20 -17
- package/shared/standalone-date-input/standalone-date-input.style.js.map +1 -1
- package/theme/colour-primitive/specs/careercompass-colour-set.d.ts +3 -0
- package/theme/colour-primitive/specs/careercompass-colour-set.js +2 -0
- package/theme/colour-primitive/specs/careercompass-colour-set.js.map +1 -0
- package/theme/colour-primitive/theme-helper.js +1 -1
- package/theme/colour-primitive/theme-helper.js.map +1 -1
- package/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js +1 -1
- package/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js.map +1 -1
- package/theme/colour-semantic/specs/lifesg-semantic-tokens.js +1 -1
- package/theme/colour-semantic/specs/lifesg-semantic-tokens.js.map +1 -1
- package/theme/colour-semantic/specs/pa-semantic-tokens.js +1 -1
- package/theme/colour-semantic/specs/pa-semantic-tokens.js.map +1 -1
- package/theme/colour-semantic/specs/sgwdigitallobby-tokens.js +1 -1
- package/theme/colour-semantic/specs/sgwdigitallobby-tokens.js.map +1 -1
- package/theme/colour-semantic/theme-helper.js +1 -1
- package/theme/colour-semantic/theme-helper.js.map +1 -1
- package/theme/colour-semantic/types.d.ts +8 -0
- package/theme/font/theme-helper.js +1 -1
- package/theme/font/theme-helper.js.map +1 -1
- package/theme/font-spec/theme-helper.js +1 -1
- package/theme/font-spec/theme-helper.js.map +1 -1
- package/theme/index.d.ts +27 -0
- package/theme/index.js +1 -1
- package/theme/index.js.map +1 -1
- package/theme/types.d.ts +3 -3
- package/timepicker/timepicker.js +1 -1
- package/timepicker/timepicker.js.map +1 -1
- package/timepicker/timepicker.styles.d.ts +6 -2
- package/timepicker/timepicker.styles.js +3 -2
- package/timepicker/timepicker.styles.js.map +1 -1
- package/cjs/theme/font/specs/smgs-font-set.js +0 -2
- package/cjs/theme/font/specs/smgs-font-set.js.map +0 -1
- package/cjs/theme/font-spec/specs/smgs-font-spec-set.js +0 -2
- package/cjs/theme/font-spec/specs/smgs-font-spec-set.js.map +0 -1
- package/theme/font/specs/smgs-font-set.d.ts +0 -2
- package/theme/font/specs/smgs-font-set.js +0 -2
- package/theme/font/specs/smgs-font-set.js.map +0 -1
- package/theme/font-spec/specs/smgs-font-spec-set.d.ts +0 -2
- package/theme/font-spec/specs/smgs-font-spec-set.js +0 -2
- package/theme/font-spec/specs/smgs-font-spec-set.js.map +0 -1
package/theme/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { BorderUtilValues } from \"./border-util/theme-helper\";\nimport { BorderValues } from \"./border/theme-helper\";\nimport { MediaQuery as MediaQueryValues } from \"./breakpoint/media-query-helper\";\nimport { BreakpointValues } from \"./breakpoint/theme-helper\";\nimport { PrimitiveColour } from \"./colour-primitive/theme-helper\";\nimport { ColourSemantic } from \"./colour-semantic/theme-helper\";\nimport { ThemeButton, ThemeNavbar } from \"./components/theme-helper\";\nimport { FontSpecValues } from \"./font-spec/theme-helper\";\nimport { FontValues } from \"./font/theme-helper\";\nimport { MotionValues } from \"./motion/theme-helper\";\nimport { RadiusValues } from \"./radius/theme-helper\";\nimport { ShadowValues } from \"./shadow/theme-helper\";\nimport { SpacingValues } from \"./spacing/theme-helper\";\nimport { ThemeSpec } from \"./types\";\nimport { createThemeWithColourMode } from \"./use-theme-mode\";\n\nexport * from \"./types\";\nexport * from \"./ds-theme-provider\";\nexport * from \"./use-theme-mode\";\n\n// =============================================================================\n// TOKENS\n// =============================================================================\n\nexport const Colour = {\n ...ColourSemantic,\n Primitive: PrimitiveColour,\n};\n\nexport const Font = {\n ...FontValues,\n Spec: FontSpecValues,\n};\n\nexport const Motion = MotionValues;\n\nexport const Border = {\n ...BorderValues,\n Util: BorderUtilValues,\n};\n\nexport const Spacing = SpacingValues;\n\nexport const Radius = RadiusValues;\n\nexport const Shadow = ShadowValues;\n\nexport const Breakpoint = BreakpointValues;\n\nexport const MediaQuery = MediaQueryValues;\n\nexport const ThemeComponent = {\n Button: ThemeButton,\n Navbar: ThemeNavbar,\n};\n\n// =============================================================================\n// THEME PRESETS\n// =============================================================================\n\n// Theme definitions\nconst LifeSGThemeBase: ThemeSpec = {\n colourScheme: \"lifesg\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"lifesg\",\n componentScheme: \"lifesg\",\n _v2: {\n colorScheme: \"base\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"base\",\n },\n};\n\nconst BookingSGThemeBase: ThemeSpec = {\n colourScheme: \"bookingsg\",\n fontScheme: \"bookingsg\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"bookingsg\",\n _v2: {\n colorScheme: \"bookingsg\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"bookingsg\",\n },\n};\n\nconst CCubeThemeBase: ThemeSpec = {\n colourScheme: \"ccube\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"ccube\",\n _v2: {\n colorScheme: \"ccube\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"ccube\",\n },\n};\n\nconst MyLegacyThemeBase: ThemeSpec = {\n colourScheme: \"mylegacy\",\n fontScheme: \"mylegacy\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"mylegacy\",\n _v2: {\n colorScheme: \"mylegacy\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"mylegacy\",\n },\n};\n\nconst RBSThemeBase: ThemeSpec = {\n colourScheme: \"rbs\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"rbs\",\n _v2: {\n colorScheme: \"rbs\",\n textStyleScheme: \"base\",\n designTokenScheme: \"rbs\",\n resourceScheme: \"rbs\",\n },\n};\n\nconst OneServiceThemeBase: ThemeSpec = {\n colourScheme: \"oneservice\",\n fontScheme: \"oneservice\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"oneservice\",\n};\n\nconst PAThemeBase: ThemeSpec = {\n colourScheme: \"pa\",\n fontScheme: \"pa\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"pa\",\n componentScheme: \"pa\",\n};\n\nconst A11yPlaygroundThemeBase: ThemeSpec = {\n colourScheme: \"a11yplayground\",\n fontScheme: \"a11yplayground\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"a11yplayground\",\n componentScheme: \"a11yplayground\",\n};\n\nexport const SupportGoWhereThemeBase: ThemeSpec = {\n colourScheme: \"supportgowhere\",\n fontScheme: \"supportgowhere\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"supportgowhere\",\n componentScheme: \"default\",\n};\n\nexport const SGWDigitalLobbyThemeBase: ThemeSpec = {\n colourScheme: \"sgwdigitallobby\",\n fontScheme: \"sgwdigitallobby\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"supportgowhere\",\n componentScheme: \"default\",\n};\n\nconst IMDAThemeBase: ThemeSpec = {\n colourScheme: \"imda\",\n fontScheme: \"imda\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"imda\",\n componentScheme: \"default\",\n};\n\nconst SPFThemeBase: ThemeSpec = {\n colourScheme: \"spf\",\n fontScheme: \"spf\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"spf\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"spf\",\n componentScheme: \"spf\",\n};\n\nconst SMGSThemeBase: ThemeSpec = {\n colourScheme: \"smgs\",\n fontScheme: \"smgs\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"smgs\",\n componentScheme: \"smgs\",\n};\n\n// =============================================================================\n// THEME COLLECTIONS\n// =============================================================================\n\n// Theme presets with backward compatibility and light/dark variants\nexport const LifeSGTheme = {\n ...LifeSGThemeBase,\n light: createThemeWithColourMode(LifeSGThemeBase, \"light\"),\n dark: createThemeWithColourMode(LifeSGThemeBase, \"dark\"),\n};\n\nexport const BookingSGTheme = {\n ...BookingSGThemeBase,\n light: createThemeWithColourMode(BookingSGThemeBase, \"light\"),\n dark: createThemeWithColourMode(BookingSGThemeBase, \"dark\"),\n};\n\nexport const CCubeTheme = {\n ...CCubeThemeBase,\n light: createThemeWithColourMode(CCubeThemeBase, \"light\"),\n dark: createThemeWithColourMode(CCubeThemeBase, \"dark\"),\n};\n\nexport const MyLegacyTheme = {\n ...MyLegacyThemeBase,\n light: createThemeWithColourMode(MyLegacyThemeBase, \"light\"),\n dark: createThemeWithColourMode(MyLegacyThemeBase, \"dark\"),\n};\n\nexport const RBSTheme = {\n ...RBSThemeBase,\n light: createThemeWithColourMode(RBSThemeBase, \"light\"),\n dark: createThemeWithColourMode(RBSThemeBase, \"dark\"),\n};\n\nexport const OneServiceTheme = {\n ...OneServiceThemeBase,\n light: createThemeWithColourMode(OneServiceThemeBase, \"light\"),\n dark: createThemeWithColourMode(OneServiceThemeBase, \"dark\"),\n};\n\nexport const PATheme = {\n ...PAThemeBase,\n light: createThemeWithColourMode(PAThemeBase, \"light\"),\n dark: createThemeWithColourMode(PAThemeBase, \"dark\"),\n};\n\nexport const A11yPlaygroundTheme = {\n ...A11yPlaygroundThemeBase,\n light: createThemeWithColourMode(A11yPlaygroundThemeBase, \"light\"),\n dark: createThemeWithColourMode(A11yPlaygroundThemeBase, \"dark\"),\n};\n\nexport const SupportGoWhereTheme = {\n ...SupportGoWhereThemeBase,\n light: createThemeWithColourMode(SupportGoWhereThemeBase, \"light\"),\n dark: createThemeWithColourMode(SupportGoWhereThemeBase, \"dark\"),\n};\n\nexport const SGWDigitalLobbyTheme = {\n ...SGWDigitalLobbyThemeBase,\n light: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"light\"),\n dark: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"dark\"),\n};\n\nexport const IMDATheme = {\n ...IMDAThemeBase,\n light: createThemeWithColourMode(IMDAThemeBase, \"light\"),\n dark: createThemeWithColourMode(IMDAThemeBase, \"dark\"),\n};\n\nexport const SPFTheme = {\n ...SPFThemeBase,\n light: createThemeWithColourMode(SPFThemeBase, \"light\"),\n dark: createThemeWithColourMode(SPFThemeBase, \"dark\"),\n};\n\nexport const SMGSTheme = {\n ...SMGSThemeBase,\n light: createThemeWithColourMode(SMGSThemeBase, \"light\"),\n dark: createThemeWithColourMode(SMGSThemeBase, \"dark\"),\n};\n"],"names":["Colour","Object","assign","ColourSemantic","Primitive","PrimitiveColour","Font","FontValues","Spec","FontSpecValues","Motion","MotionValues","Border","BorderValues","Util","BorderUtilValues","Spacing","SpacingValues","Radius","RadiusValues","Shadow","ShadowValues","Breakpoint","BreakpointValues","MediaQuery","MediaQueryValues","ThemeComponent","Button","ThemeButton","Navbar","ThemeNavbar","LifeSGThemeBase","colourScheme","fontScheme","motionScheme","borderScheme","spacingScheme","radiusScheme","shadowScheme","breakpointScheme","resourceScheme","componentScheme","_v2","colorScheme","textStyleScheme","designTokenScheme","BookingSGThemeBase","CCubeThemeBase","MyLegacyThemeBase","RBSThemeBase","OneServiceThemeBase","PAThemeBase","A11yPlaygroundThemeBase","SupportGoWhereThemeBase","SGWDigitalLobbyThemeBase","IMDAThemeBase","SPFThemeBase","SMGSThemeBase","LifeSGTheme","light","createThemeWithColourMode","dark","BookingSGTheme","CCubeTheme","MyLegacyTheme","RBSTheme","OneServiceTheme","PATheme","A11yPlaygroundTheme","SupportGoWhereTheme","SGWDigitalLobbyTheme","IMDATheme","SPFTheme","SMGSTheme"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { BorderUtilValues } from \"./border-util/theme-helper\";\nimport { BorderValues } from \"./border/theme-helper\";\nimport { MediaQuery as MediaQueryValues } from \"./breakpoint/media-query-helper\";\nimport { BreakpointValues } from \"./breakpoint/theme-helper\";\nimport { PrimitiveColour } from \"./colour-primitive/theme-helper\";\nimport { ColourSemantic } from \"./colour-semantic/theme-helper\";\nimport { ThemeButton, ThemeNavbar } from \"./components/theme-helper\";\nimport { FontSpecValues } from \"./font-spec/theme-helper\";\nimport { FontValues } from \"./font/theme-helper\";\nimport { MotionValues } from \"./motion/theme-helper\";\nimport { RadiusValues } from \"./radius/theme-helper\";\nimport { ShadowValues } from \"./shadow/theme-helper\";\nimport { SpacingValues } from \"./spacing/theme-helper\";\nimport { ThemeSpec } from \"./types\";\nimport { createThemeWithColourMode } from \"./use-theme-mode\";\n\nexport * from \"./types\";\nexport * from \"./ds-theme-provider\";\nexport * from \"./use-theme-mode\";\n\n// =============================================================================\n// TOKENS\n// =============================================================================\n\nexport const Colour = {\n ...ColourSemantic,\n Primitive: PrimitiveColour,\n};\n\nexport const Font = {\n ...FontValues,\n Spec: FontSpecValues,\n};\n\nexport const Motion = MotionValues;\n\nexport const Border = {\n ...BorderValues,\n Util: BorderUtilValues,\n};\n\nexport const Spacing = SpacingValues;\n\nexport const Radius = RadiusValues;\n\nexport const Shadow = ShadowValues;\n\nexport const Breakpoint = BreakpointValues;\n\nexport const MediaQuery = MediaQueryValues;\n\nexport const ThemeComponent = {\n Button: ThemeButton,\n Navbar: ThemeNavbar,\n};\n\n// =============================================================================\n// THEME PRESETS\n// =============================================================================\n\n// Theme definitions\nconst LifeSGThemeBase: ThemeSpec = {\n colourScheme: \"lifesg\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"lifesg\",\n componentScheme: \"lifesg\",\n _v2: {\n colorScheme: \"base\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"base\",\n },\n};\n\nconst BookingSGThemeBase: ThemeSpec = {\n colourScheme: \"bookingsg\",\n fontScheme: \"bookingsg\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"bookingsg\",\n _v2: {\n colorScheme: \"bookingsg\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"bookingsg\",\n },\n};\n\nconst CCubeThemeBase: ThemeSpec = {\n colourScheme: \"ccube\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"ccube\",\n _v2: {\n colorScheme: \"ccube\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"ccube\",\n },\n};\n\nconst CareerCompassThemeBase: ThemeSpec = {\n colourScheme: \"careercompass\",\n fontScheme: \"bookingsg\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"careercompass\",\n componentScheme: \"default\",\n};\n\nconst MyLegacyThemeBase: ThemeSpec = {\n colourScheme: \"mylegacy\",\n fontScheme: \"mylegacy\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"mylegacy\",\n _v2: {\n colorScheme: \"mylegacy\",\n textStyleScheme: \"base\",\n designTokenScheme: \"base\",\n resourceScheme: \"mylegacy\",\n },\n};\n\nconst RBSThemeBase: ThemeSpec = {\n colourScheme: \"rbs\",\n fontScheme: \"default\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"rbs\",\n _v2: {\n colorScheme: \"rbs\",\n textStyleScheme: \"base\",\n designTokenScheme: \"rbs\",\n resourceScheme: \"rbs\",\n },\n};\n\nconst OneServiceThemeBase: ThemeSpec = {\n colourScheme: \"oneservice\",\n fontScheme: \"oneservice\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"oneservice\",\n};\n\nconst PAThemeBase: ThemeSpec = {\n colourScheme: \"pa\",\n fontScheme: \"pa\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"pa\",\n componentScheme: \"pa\",\n};\n\nconst A11yPlaygroundThemeBase: ThemeSpec = {\n colourScheme: \"a11yplayground\",\n fontScheme: \"a11yplayground\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"a11yplayground\",\n componentScheme: \"a11yplayground\",\n};\n\nexport const SupportGoWhereThemeBase: ThemeSpec = {\n colourScheme: \"supportgowhere\",\n fontScheme: \"supportgowhere\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"supportgowhere\",\n componentScheme: \"default\",\n};\n\nexport const SGWDigitalLobbyThemeBase: ThemeSpec = {\n colourScheme: \"sgwdigitallobby\",\n fontScheme: \"sgwdigitallobby\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"supportgowhere\",\n componentScheme: \"default\",\n};\n\nconst IMDAThemeBase: ThemeSpec = {\n colourScheme: \"imda\",\n fontScheme: \"imda\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"imda\",\n componentScheme: \"default\",\n};\n\nconst SPFThemeBase: ThemeSpec = {\n colourScheme: \"spf\",\n fontScheme: \"spf\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"spf\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"spf\",\n componentScheme: \"spf\",\n};\n\nconst SMGSThemeBase: ThemeSpec = {\n colourScheme: \"smgs\",\n fontScheme: \"bookingsg\",\n motionScheme: \"default\",\n borderScheme: \"default\",\n spacingScheme: \"default\",\n radiusScheme: \"default\",\n shadowScheme: \"default\",\n breakpointScheme: \"default\",\n resourceScheme: \"smgs\",\n componentScheme: \"smgs\",\n};\n\n// =============================================================================\n// THEME COLLECTIONS\n// =============================================================================\n\n// Theme presets with backward compatibility and light/dark variants\nexport const LifeSGTheme = {\n ...LifeSGThemeBase,\n light: createThemeWithColourMode(LifeSGThemeBase, \"light\"),\n dark: createThemeWithColourMode(LifeSGThemeBase, \"dark\"),\n};\n\nexport const BookingSGTheme = {\n ...BookingSGThemeBase,\n light: createThemeWithColourMode(BookingSGThemeBase, \"light\"),\n dark: createThemeWithColourMode(BookingSGThemeBase, \"dark\"),\n};\n\nexport const CCubeTheme = {\n ...CCubeThemeBase,\n light: createThemeWithColourMode(CCubeThemeBase, \"light\"),\n dark: createThemeWithColourMode(CCubeThemeBase, \"dark\"),\n};\n\nexport const CareerCompassTheme = {\n ...CareerCompassThemeBase,\n light: createThemeWithColourMode(CareerCompassThemeBase, \"light\"),\n dark: createThemeWithColourMode(CareerCompassThemeBase, \"dark\"),\n};\n\nexport const MyLegacyTheme = {\n ...MyLegacyThemeBase,\n light: createThemeWithColourMode(MyLegacyThemeBase, \"light\"),\n dark: createThemeWithColourMode(MyLegacyThemeBase, \"dark\"),\n};\n\nexport const RBSTheme = {\n ...RBSThemeBase,\n light: createThemeWithColourMode(RBSThemeBase, \"light\"),\n dark: createThemeWithColourMode(RBSThemeBase, \"dark\"),\n};\n\nexport const OneServiceTheme = {\n ...OneServiceThemeBase,\n light: createThemeWithColourMode(OneServiceThemeBase, \"light\"),\n dark: createThemeWithColourMode(OneServiceThemeBase, \"dark\"),\n};\n\nexport const PATheme = {\n ...PAThemeBase,\n light: createThemeWithColourMode(PAThemeBase, \"light\"),\n dark: createThemeWithColourMode(PAThemeBase, \"dark\"),\n};\n\nexport const A11yPlaygroundTheme = {\n ...A11yPlaygroundThemeBase,\n light: createThemeWithColourMode(A11yPlaygroundThemeBase, \"light\"),\n dark: createThemeWithColourMode(A11yPlaygroundThemeBase, \"dark\"),\n};\n\nexport const SupportGoWhereTheme = {\n ...SupportGoWhereThemeBase,\n light: createThemeWithColourMode(SupportGoWhereThemeBase, \"light\"),\n dark: createThemeWithColourMode(SupportGoWhereThemeBase, \"dark\"),\n};\n\nexport const SGWDigitalLobbyTheme = {\n ...SGWDigitalLobbyThemeBase,\n light: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"light\"),\n dark: createThemeWithColourMode(SGWDigitalLobbyThemeBase, \"dark\"),\n};\n\nexport const IMDATheme = {\n ...IMDAThemeBase,\n light: createThemeWithColourMode(IMDAThemeBase, \"light\"),\n dark: createThemeWithColourMode(IMDAThemeBase, \"dark\"),\n};\n\nexport const SPFTheme = {\n ...SPFThemeBase,\n light: createThemeWithColourMode(SPFThemeBase, \"light\"),\n dark: createThemeWithColourMode(SPFThemeBase, \"dark\"),\n};\n\nexport const SMGSTheme = {\n ...SMGSThemeBase,\n light: createThemeWithColourMode(SMGSThemeBase, \"light\"),\n dark: createThemeWithColourMode(SMGSThemeBase, \"dark\"),\n};\n"],"names":["Colour","Object","assign","ColourSemantic","Primitive","PrimitiveColour","Font","FontValues","Spec","FontSpecValues","Motion","MotionValues","Border","BorderValues","Util","BorderUtilValues","Spacing","SpacingValues","Radius","RadiusValues","Shadow","ShadowValues","Breakpoint","BreakpointValues","MediaQuery","MediaQueryValues","ThemeComponent","Button","ThemeButton","Navbar","ThemeNavbar","LifeSGThemeBase","colourScheme","fontScheme","motionScheme","borderScheme","spacingScheme","radiusScheme","shadowScheme","breakpointScheme","resourceScheme","componentScheme","_v2","colorScheme","textStyleScheme","designTokenScheme","BookingSGThemeBase","CCubeThemeBase","CareerCompassThemeBase","MyLegacyThemeBase","RBSThemeBase","OneServiceThemeBase","PAThemeBase","A11yPlaygroundThemeBase","SupportGoWhereThemeBase","SGWDigitalLobbyThemeBase","IMDAThemeBase","SPFThemeBase","SMGSThemeBase","LifeSGTheme","light","createThemeWithColourMode","dark","BookingSGTheme","CCubeTheme","CareerCompassTheme","MyLegacyTheme","RBSTheme","OneServiceTheme","PATheme","A11yPlaygroundTheme","SupportGoWhereTheme","SGWDigitalLobbyTheme","IMDATheme","SPFTheme","SMGSTheme"],"mappings":"o9BAwBO,MAAMA,EAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZC,IACHC,UAAWC,IAGFC,EAAIL,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACVK,IACHC,KAAMC,IAGGC,EAASC,EAETC,EAAMX,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZW,IACHC,KAAMC,IAGGC,EAAUC,EAEVC,EAASC,EAETC,EAASC,EAETC,EAAaC,EAEbC,EAAaC,EAEbC,EAAiB,CAC1BC,OAAQC,EACRC,OAAQC,GAQNC,EAA6B,CAC/BC,aAAc,SACdC,WAAY,UACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,SAChBC,gBAAiB,SACjBC,IAAK,CACDC,YAAa,OACbC,gBAAiB,OACjBC,kBAAmB,OACnBL,eAAgB,SAIlBM,EAAgC,CAClCd,aAAc,YACdC,WAAY,YACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,YAChBE,IAAK,CACDC,YAAa,YACbC,gBAAiB,OACjBC,kBAAmB,OACnBL,eAAgB,cAIlBO,EAA4B,CAC9Bf,aAAc,QACdC,WAAY,UACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,QAChBE,IAAK,CACDC,YAAa,QACbC,gBAAiB,OACjBC,kBAAmB,OACnBL,eAAgB,UAIlBQ,EAAoC,CACtChB,aAAc,gBACdC,WAAY,YACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,gBAChBC,gBAAiB,WAGfQ,EAA+B,CACjCjB,aAAc,WACdC,WAAY,WACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,WAChBE,IAAK,CACDC,YAAa,WACbC,gBAAiB,OACjBC,kBAAmB,OACnBL,eAAgB,aAIlBU,EAA0B,CAC5BlB,aAAc,MACdC,WAAY,UACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,MAChBE,IAAK,CACDC,YAAa,MACbC,gBAAiB,OACjBC,kBAAmB,MACnBL,eAAgB,QAIlBW,EAAiC,CACnCnB,aAAc,aACdC,WAAY,aACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,cAGdY,EAAyB,CAC3BpB,aAAc,KACdC,WAAY,KACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,KAChBC,gBAAiB,MAGfY,EAAqC,CACvCrB,aAAc,iBACdC,WAAY,iBACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,iBAChBC,gBAAiB,kBAGRa,EAAqC,CAC9CtB,aAAc,iBACdC,WAAY,iBACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,iBAChBC,gBAAiB,WAGRc,EAAsC,CAC/CvB,aAAc,kBACdC,WAAY,kBACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,iBAChBC,gBAAiB,WAGfe,EAA2B,CAC7BxB,aAAc,OACdC,WAAY,OACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,OAChBC,gBAAiB,WAGfgB,EAA0B,CAC5BzB,aAAc,MACdC,WAAY,MACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,MACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,MAChBC,gBAAiB,OAGfiB,EAA2B,CAC7B1B,aAAc,OACdC,WAAY,YACZC,aAAc,UACdC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,aAAc,UACdC,iBAAkB,UAClBC,eAAgB,OAChBC,gBAAiB,QAQRkB,EAAW1D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjB6B,IACH6B,MAAOC,EAA0B9B,EAAiB,SAClD+B,KAAMD,EAA0B9B,EAAiB,UAGxCgC,EAAc9D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACpB4C,IACHc,MAAOC,EAA0Bf,EAAoB,SACrDgB,KAAMD,EAA0Bf,EAAoB,UAG3CkB,EAAU/D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAChB6C,IACHa,MAAOC,EAA0Bd,EAAgB,SACjDe,KAAMD,EAA0Bd,EAAgB,UAGvCkB,EAAkBhE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACxB8C,IACHY,MAAOC,EAA0Bb,EAAwB,SACzDc,KAAMD,EAA0Bb,EAAwB,UAG/CkB,EAAajE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACnB+C,IACHW,MAAOC,EAA0BZ,EAAmB,SACpDa,KAAMD,EAA0BZ,EAAmB,UAG1CkB,EAAQlE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACdgD,IACHU,MAAOC,EAA0BX,EAAc,SAC/CY,KAAMD,EAA0BX,EAAc,UAGrCkB,EAAenE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACrBiD,IACHS,MAAOC,EAA0BV,EAAqB,SACtDW,KAAMD,EAA0BV,EAAqB,UAG5CkB,EAAOpE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbkD,IACHQ,MAAOC,EAA0BT,EAAa,SAC9CU,KAAMD,EAA0BT,EAAa,UAGpCkB,EAAmBrE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACzBmD,IACHO,MAAOC,EAA0BR,EAAyB,SAC1DS,KAAMD,EAA0BR,EAAyB,UAGhDkB,EAAmBtE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACzBoD,IACHM,MAAOC,EAA0BP,EAAyB,SAC1DQ,KAAMD,EAA0BP,EAAyB,UAGhDkB,EAAoBvE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC1BqD,IACHK,MAAOC,EAA0BN,EAA0B,SAC3DO,KAAMD,EAA0BN,EAA0B,UAGjDkB,EAASxE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACfsD,IACHI,MAAOC,EAA0BL,EAAe,SAChDM,KAAMD,EAA0BL,EAAe,UAGtCkB,EAAQzE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACduD,IACHG,MAAOC,EAA0BJ,EAAc,SAC/CK,KAAMD,EAA0BJ,EAAc,UAGrCkB,EAAS1E,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACfwD,IACHE,MAAOC,EAA0BH,EAAe,SAChDI,KAAMD,EAA0BH,EAAe"}
|
package/theme/types.d.ts
CHANGED
|
@@ -21,8 +21,8 @@ export type { RadiusSet, RadiusSetOptions } from "./radius/types";
|
|
|
21
21
|
export type { ShadowSet, ShadowSetOptions } from "./shadow/types";
|
|
22
22
|
export type { SpacingSet, SpacingSetOptions } from "./spacing/types";
|
|
23
23
|
export type { BreakpointSet, BreakpointSetOptions } from "./breakpoint/types";
|
|
24
|
-
export type ColourScheme = "lifesg" | "bookingsg" | "rbs" | "mylegacy" | "ccube" | "oneservice" | "pa" | "a11yplayground" | "supportgowhere" | "sgwdigitallobby" | "imda" | "spf" | "smgs";
|
|
25
|
-
export type FontScheme = "default" | "bookingsg" | "mylegacy" | "pa" | "a11yplayground" | "supportgowhere" | "sgwdigitallobby" | "imda" | "spf" | "oneservice"
|
|
24
|
+
export type ColourScheme = "lifesg" | "bookingsg" | "rbs" | "mylegacy" | "ccube" | "oneservice" | "pa" | "a11yplayground" | "supportgowhere" | "sgwdigitallobby" | "imda" | "spf" | "smgs" | "careercompass";
|
|
25
|
+
export type FontScheme = "default" | "bookingsg" | "mylegacy" | "pa" | "a11yplayground" | "supportgowhere" | "sgwdigitallobby" | "imda" | "spf" | "oneservice";
|
|
26
26
|
export type MotionScheme = "default";
|
|
27
27
|
export type BorderScheme = "default";
|
|
28
28
|
export type SpacingScheme = "default";
|
|
@@ -30,7 +30,7 @@ export type RadiusScheme = "default" | "spf";
|
|
|
30
30
|
export type ShadowScheme = "default";
|
|
31
31
|
export type BreakpointScheme = "default";
|
|
32
32
|
export type ComponentScheme = "default" | "pa" | "a11yplayground" | "lifesg" | "spf" | "smgs";
|
|
33
|
-
export type ResourceScheme = "lifesg" | "bookingsg" | "rbs" | "mylegacy" | "ccube" | "oneservice" | "pa" | "a11yplayground" | "supportgowhere" | "imda" | "spf" | "smgs";
|
|
33
|
+
export type ResourceScheme = "lifesg" | "bookingsg" | "rbs" | "mylegacy" | "ccube" | "oneservice" | "pa" | "a11yplayground" | "supportgowhere" | "imda" | "spf" | "smgs" | "careercompass";
|
|
34
34
|
export type ColourMode = "light" | "dark";
|
|
35
35
|
export interface ThemeSpecOptions {
|
|
36
36
|
primitiveColour?: PrimitiveColourSetOptions | undefined;
|
package/timepicker/timepicker.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e}from"../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useState as o,useRef as a,useCallback as l}from"react";import{ElementWithDropdown as n}from"../shared/dropdown-wrapper/element-with-dropdown.js";import{InputWrapper as i}from"../shared/input-wrapper/input-wrapper.js";import{TimepickerDropdown as d}from"../shared/timepicker-dropdown/timepicker-dropdown.js";import{TimeHelper as t}from"../util/time-helper.js";import{InputSelectorElement as s}from"./timepicker.styles.js";const p=p=>{var{id:m,disabled:c=!1,readOnly:u=!1,error:b,value:f,placeholder:y,format:v="24hr",onChange:w,onFocus:h,onBlur:g,alignment:k,dropdownZIndex:j,dropdownRootNode:O,"aria-labelledby":x,"aria-describedby":C}=p,D=e(p,["id","disabled","readOnly","error","value","placeholder","format","onChange","onFocus","onBlur","alignment","dropdownZIndex","dropdownRootNode","aria-labelledby","aria-describedby"]);const[F
|
|
1
|
+
import{__rest as e}from"../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useState as o,useRef as a,useCallback as l}from"react";import{ElementWithDropdown as n}from"../shared/dropdown-wrapper/element-with-dropdown.js";import{InputWrapper as i}from"../shared/input-wrapper/input-wrapper.js";import{TimepickerDropdown as d}from"../shared/timepicker-dropdown/timepicker-dropdown.js";import{TimeHelper as t}from"../util/time-helper.js";import{InputSelectorElement as s}from"./timepicker.styles.js";const p=p=>{var{id:m,disabled:c=!1,readOnly:u=!1,error:b,value:f,placeholder:y,format:v="24hr",onChange:w,onFocus:h,onBlur:g,alignment:k,dropdownZIndex:j,dropdownRootNode:O,"aria-labelledby":x,"aria-describedby":C}=p,D=e(p,["id","disabled","readOnly","error","value","placeholder","format","onChange","onFocus","onBlur","alignment","dropdownZIndex","dropdownRootNode","aria-labelledby","aria-describedby"]);const[$,F]=o(!1),H=a(null),M=a(null),B=l((()=>"12hr"===v?"HH:MMam":"HH:MM"),[v]),I=()=>{var e;null===(e=M.current)||void 0===e||e.focus({preventScroll:!0})},N=()=>{c||u||F(!0)},R=()=>{F(!1),I()},Z=e=>{null==w||w(e),F(!1),I()},E=()=>{c||null==h||h()},T=e=>{var r;if($||c)return;const o=e.relatedTarget;o&&(null===(r=H.current)||void 0===r?void 0:r.contains(o))||null==g||g()},_=e=>{c||u||"Enter"!==e.key&&" "!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),N())};return r(n,{enabled:!u&&!c,isOpen:$,renderElement:()=>r(i,Object.assign({ref:H,role:"group",$readOnly:u,$disabled:c,$focused:$,$error:b},D,{children:r(s,{$disabled:c,ref:M,readOnly:!0,placeholder:y||B(),value:t.formatDisplayValue(f,v),role:"combobox","aria-invalid":b||void 0,"aria-disabled":c||void 0,"aria-readonly":u||void 0,"aria-labelledby":x,"aria-describedby":C,"aria-expanded":!c&&!u&&$,"data-testid":m?`${m}-timepicker-selector`:"timepicker-selector",onFocus:E,onClick:N,onKeyDown:_,onBlur:T})})),renderDropdown:({styles:e,setFloatingRef:o,getFloatingProps:a})=>r("div",Object.assign({ref:o,style:e,role:"dialog","aria-label":"Time picker"},a(),{children:r(d,{id:m,show:$,value:f,format:v,onCancel:R,onChange:Z})})),onOpen:N,onClose:()=>{F(!1),null==g||g()},onDismiss:R,offset:8,alignment:k,customZIndex:j,rootNode:O})};export{p as Timepicker};
|
|
2
2
|
//# sourceMappingURL=timepicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timepicker.js","sources":["../../src/timepicker/timepicker.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\";\nimport {\n DropdownRenderProps,\n ElementWithDropdown,\n} from \"../shared/dropdown-wrapper\";\nimport { InputWrapper } from \"../shared/input-wrapper/input-wrapper\";\nimport { TimepickerDropdown } from \"../shared/timepicker-dropdown/timepicker-dropdown\";\nimport { TimeHelper } from \"../util/time-helper\";\nimport { InputSelectorElement } from \"./timepicker.styles\";\nimport { TimepickerProps } from \"./types\";\n\nexport const Timepicker = ({\n id,\n disabled = false,\n readOnly = false,\n error,\n value,\n placeholder,\n format = \"24hr\",\n onChange,\n onFocus,\n onBlur,\n alignment,\n dropdownZIndex,\n dropdownRootNode,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...otherProps\n}: TimepickerProps) => {\n // =============================================================================\n // CONST, STATE, REF\n // =============================================================================\n const [isOpen, setIsOpen] = useState(false);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const selectorRef = useRef<HTMLInputElement>(null);\n\n // =============================================================================\n // HELPER FUNCTIONS\n // =============================================================================\n const getPlaceholderValue = useCallback(() => {\n switch (format) {\n case \"12hr\":\n return \"HH:MMam\";\n case \"24hr\":\n default:\n return \"HH:MM\";\n }\n }, [format]);\n\n const restoreFocusToSelector = () => {\n selectorRef.current?.focus({ preventScroll: true });\n };\n\n // =============================================================================\n // EVENT LISTENERS\n // =============================================================================\n const handleOpen = () => {\n if (disabled || readOnly) return;\n setIsOpen(true);\n };\n\n const handleClose = () => {\n setIsOpen(false);\n onBlur?.();\n };\n\n const handleDismiss = () => {\n setIsOpen(false);\n restoreFocusToSelector();\n };\n\n const handleChange = (v: string) => {\n onChange?.(v);\n setIsOpen(false);\n restoreFocusToSelector();\n };\n\n const handleFocus = () => {\n onFocus?.();\n };\n\n const handleSelectorBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n if (isOpen) return;\n\n const next = e.relatedTarget as Node | null;\n if (next && wrapperRef.current?.contains(next)) return;\n\n onBlur?.();\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (e.key === \"Enter\" || e.key === \" \" || e.key === \"ArrowDown\") {\n e.preventDefault();\n handleOpen();\n }\n };\n\n // =============================================================================\n // RENDER\n // =============================================================================\n const renderElement = () => (\n <InputWrapper\n ref={wrapperRef}\n role=\"group\"\n $readOnly={readOnly}\n $disabled={disabled}\n $focused={isOpen}\n $error={error}\n {...otherProps}\n >\n <InputSelectorElement\n ref={selectorRef}\n readOnly\n placeholder={placeholder || getPlaceholderValue()}\n value={TimeHelper.formatDisplayValue(value, format)}\n role=\"combobox\"\n aria-invalid={error || undefined}\n aria-disabled={disabled || undefined}\n aria-readonly={readOnly || undefined}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n aria-expanded={!disabled && !readOnly ? isOpen : false}\n data-testid={\n id ? `${id}-timepicker-selector` : \"timepicker-selector\"\n }\n onFocus={handleFocus}\n onClick={handleOpen}\n onKeyDown={handleKeyDown}\n onBlur={handleSelectorBlur}\n />\n </InputWrapper>\n );\n\n const renderDropdown = ({\n styles,\n setFloatingRef,\n getFloatingProps,\n }: DropdownRenderProps) => (\n <div\n ref={setFloatingRef}\n style={styles}\n role=\"dialog\"\n aria-label=\"Time picker\"\n {...getFloatingProps()}\n >\n <TimepickerDropdown\n id={id}\n show={isOpen}\n value={value}\n format={format}\n onCancel={handleDismiss}\n onChange={handleChange}\n />\n </div>\n );\n\n return (\n <ElementWithDropdown\n enabled={!readOnly && !disabled}\n isOpen={isOpen}\n renderElement={renderElement}\n renderDropdown={renderDropdown}\n onOpen={handleOpen}\n onClose={handleClose}\n onDismiss={handleDismiss}\n offset={8}\n alignment={alignment}\n customZIndex={dropdownZIndex}\n rootNode={dropdownRootNode}\n />\n );\n};\n"],"names":["Timepicker","_a","id","disabled","readOnly","error","value","placeholder","format","onChange","onFocus","onBlur","alignment","dropdownZIndex","dropdownRootNode","ariaLabelledBy","ariaDescribedBy","otherProps","__rest","isOpen","setIsOpen","useState","wrapperRef","useRef","selectorRef","getPlaceholderValue","useCallback","restoreFocusToSelector","current","focus","preventScroll","handleOpen","handleDismiss","handleChange","v","handleFocus","handleSelectorBlur","e","next","relatedTarget","contains","handleKeyDown","key","preventDefault","_jsx","ElementWithDropdown","enabled","renderElement","InputWrapper","Object","assign","ref","role","$readOnly","$disabled","$focused","$error","children","InputSelectorElement","TimeHelper","formatDisplayValue","undefined","onClick","onKeyDown","renderDropdown","styles","setFloatingRef","getFloatingProps","style","TimepickerDropdown","show","onCancel","onOpen","onClose","onDismiss","offset","customZIndex","rootNode"],"mappings":"mgBAWO,MAAMA,EAAcC,QAAAC,GACvBA,EAAEC,SACFA,GAAW,EAAKC,SAChBA,GAAW,EAAKC,MAChBA,EAAKC,MACLA,EAAKC,YACLA,EAAWC,OACXA,EAAS,OAAMC,SACfA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,UACNA,EAASC,eACTA,EAAcC,iBACdA,EACA,kBAAmBC,EACnB,mBAAoBC,GAAef,EAChCgB,EAAUC,EAAAjB,EAhBU,wLAqBvB,MAAOkB,EAAQC,GAAaC,GAAS,GAC/BC,EAAaC,EAAuB,MACpCC,EAAcD,EAAyB,MAKvCE,EAAsBC,GAAY,IAE3B,SADDlB,EAEO,UAGA,SAEhB,CAACA,IAEEmB,EAAyB,WACR,QAAnB1B,EAAAuB,EAAYI,eAAO,IAAA3B,GAAAA,EAAE4B,MAAM,CAAEC,eAAe,GAAO,EAMjDC,EAAa,KACX5B,GAAYC,GAChBgB,GAAU,EAAK,EAQbY,EAAgB,KAClBZ,GAAU,GACVO,GAAwB,EAGtBM,EAAgBC,IAClBzB,SAAAA,EAAWyB,GACXd,GAAU,GACVO,GAAwB,EAGtBQ,EAAc,
|
|
1
|
+
{"version":3,"file":"timepicker.js","sources":["../../src/timepicker/timepicker.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\";\nimport {\n DropdownRenderProps,\n ElementWithDropdown,\n} from \"../shared/dropdown-wrapper\";\nimport { InputWrapper } from \"../shared/input-wrapper/input-wrapper\";\nimport { TimepickerDropdown } from \"../shared/timepicker-dropdown/timepicker-dropdown\";\nimport { TimeHelper } from \"../util/time-helper\";\nimport { InputSelectorElement } from \"./timepicker.styles\";\nimport { TimepickerProps } from \"./types\";\n\nexport const Timepicker = ({\n id,\n disabled = false,\n readOnly = false,\n error,\n value,\n placeholder,\n format = \"24hr\",\n onChange,\n onFocus,\n onBlur,\n alignment,\n dropdownZIndex,\n dropdownRootNode,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...otherProps\n}: TimepickerProps) => {\n // =============================================================================\n // CONST, STATE, REF\n // =============================================================================\n const [isOpen, setIsOpen] = useState(false);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const selectorRef = useRef<HTMLInputElement>(null);\n\n // =============================================================================\n // HELPER FUNCTIONS\n // =============================================================================\n const getPlaceholderValue = useCallback(() => {\n switch (format) {\n case \"12hr\":\n return \"HH:MMam\";\n case \"24hr\":\n default:\n return \"HH:MM\";\n }\n }, [format]);\n\n const restoreFocusToSelector = () => {\n selectorRef.current?.focus({ preventScroll: true });\n };\n\n // =============================================================================\n // EVENT LISTENERS\n // =============================================================================\n const handleOpen = () => {\n if (disabled || readOnly) return;\n setIsOpen(true);\n };\n\n const handleClose = () => {\n setIsOpen(false);\n onBlur?.();\n };\n\n const handleDismiss = () => {\n setIsOpen(false);\n restoreFocusToSelector();\n };\n\n const handleChange = (v: string) => {\n onChange?.(v);\n setIsOpen(false);\n restoreFocusToSelector();\n };\n\n const handleFocus = () => {\n if (disabled) return;\n onFocus?.();\n };\n\n const handleSelectorBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n if (isOpen || disabled) return;\n\n const next = e.relatedTarget as Node | null;\n if (next && wrapperRef.current?.contains(next)) return;\n\n onBlur?.();\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (e.key === \"Enter\" || e.key === \" \" || e.key === \"ArrowDown\") {\n e.preventDefault();\n handleOpen();\n }\n };\n\n // =============================================================================\n // RENDER\n // =============================================================================\n const renderElement = () => (\n <InputWrapper\n ref={wrapperRef}\n role=\"group\"\n $readOnly={readOnly}\n $disabled={disabled}\n $focused={isOpen}\n $error={error}\n {...otherProps}\n >\n <InputSelectorElement\n $disabled={disabled}\n ref={selectorRef}\n readOnly\n placeholder={placeholder || getPlaceholderValue()}\n value={TimeHelper.formatDisplayValue(value, format)}\n role=\"combobox\"\n aria-invalid={error || undefined}\n aria-disabled={disabled || undefined}\n aria-readonly={readOnly || undefined}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n aria-expanded={!disabled && !readOnly ? isOpen : false}\n data-testid={\n id ? `${id}-timepicker-selector` : \"timepicker-selector\"\n }\n onFocus={handleFocus}\n onClick={handleOpen}\n onKeyDown={handleKeyDown}\n onBlur={handleSelectorBlur}\n />\n </InputWrapper>\n );\n\n const renderDropdown = ({\n styles,\n setFloatingRef,\n getFloatingProps,\n }: DropdownRenderProps) => (\n <div\n ref={setFloatingRef}\n style={styles}\n role=\"dialog\"\n aria-label=\"Time picker\"\n {...getFloatingProps()}\n >\n <TimepickerDropdown\n id={id}\n show={isOpen}\n value={value}\n format={format}\n onCancel={handleDismiss}\n onChange={handleChange}\n />\n </div>\n );\n\n return (\n <ElementWithDropdown\n enabled={!readOnly && !disabled}\n isOpen={isOpen}\n renderElement={renderElement}\n renderDropdown={renderDropdown}\n onOpen={handleOpen}\n onClose={handleClose}\n onDismiss={handleDismiss}\n offset={8}\n alignment={alignment}\n customZIndex={dropdownZIndex}\n rootNode={dropdownRootNode}\n />\n );\n};\n"],"names":["Timepicker","_a","id","disabled","readOnly","error","value","placeholder","format","onChange","onFocus","onBlur","alignment","dropdownZIndex","dropdownRootNode","ariaLabelledBy","ariaDescribedBy","otherProps","__rest","isOpen","setIsOpen","useState","wrapperRef","useRef","selectorRef","getPlaceholderValue","useCallback","restoreFocusToSelector","current","focus","preventScroll","handleOpen","handleDismiss","handleChange","v","handleFocus","handleSelectorBlur","e","next","relatedTarget","contains","handleKeyDown","key","preventDefault","_jsx","ElementWithDropdown","enabled","renderElement","InputWrapper","Object","assign","ref","role","$readOnly","$disabled","$focused","$error","children","InputSelectorElement","TimeHelper","formatDisplayValue","undefined","onClick","onKeyDown","renderDropdown","styles","setFloatingRef","getFloatingProps","style","TimepickerDropdown","show","onCancel","onOpen","onClose","onDismiss","offset","customZIndex","rootNode"],"mappings":"mgBAWO,MAAMA,EAAcC,QAAAC,GACvBA,EAAEC,SACFA,GAAW,EAAKC,SAChBA,GAAW,EAAKC,MAChBA,EAAKC,MACLA,EAAKC,YACLA,EAAWC,OACXA,EAAS,OAAMC,SACfA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,UACNA,EAASC,eACTA,EAAcC,iBACdA,EACA,kBAAmBC,EACnB,mBAAoBC,GAAef,EAChCgB,EAAUC,EAAAjB,EAhBU,wLAqBvB,MAAOkB,EAAQC,GAAaC,GAAS,GAC/BC,EAAaC,EAAuB,MACpCC,EAAcD,EAAyB,MAKvCE,EAAsBC,GAAY,IAE3B,SADDlB,EAEO,UAGA,SAEhB,CAACA,IAEEmB,EAAyB,WACR,QAAnB1B,EAAAuB,EAAYI,eAAO,IAAA3B,GAAAA,EAAE4B,MAAM,CAAEC,eAAe,GAAO,EAMjDC,EAAa,KACX5B,GAAYC,GAChBgB,GAAU,EAAK,EAQbY,EAAgB,KAClBZ,GAAU,GACVO,GAAwB,EAGtBM,EAAgBC,IAClBzB,SAAAA,EAAWyB,GACXd,GAAU,GACVO,GAAwB,EAGtBQ,EAAc,KACZhC,GACJO,SAAAA,GAAW,EAGT0B,EAAsBC,UACxB,GAAIlB,GAAUhB,EAAU,OAExB,MAAMmC,EAAOD,EAAEE,cACXD,IAA0B,QAAlBrC,EAAAqB,EAAWM,eAAO,IAAA3B,OAAA,EAAAA,EAAEuC,SAASF,KAEzC3B,SAAAA,GAAU,EAGR8B,EAAiBJ,IACflC,GAAYC,GAIF,UAAViC,EAAEK,KAA6B,MAAVL,EAAEK,KAAyB,cAAVL,EAAEK,MACxCL,EAAEM,iBACFZ,IACJ,EA+DJ,OACIa,EAACC,EAAmB,CAChBC,SAAU1C,IAAaD,EACvBgB,OAAQA,EACR4B,cA7Dc,IAClBH,EAACI,EAAYC,OAAAC,OAAA,CACTC,IAAK7B,EACL8B,KAAK,QAAOC,UACDjD,EAAQkD,UACRnD,EAAQoD,SACTpC,EAAMqC,OACRnD,GACJY,EAAU,CAAAwC,SAEdb,EAACc,aACcvD,EACXgD,IAAK3B,EACLpB,UAAQ,EACRG,YAAaA,GAAekB,IAC5BnB,MAAOqD,EAAWC,mBAAmBtD,EAAOE,GAC5C4C,KAAK,WAAU,eACD/C,QAASwD,EAAS,gBACjB1D,QAAY0D,EAAS,gBACrBzD,QAAYyD,EAAS,kBACnB9C,EAAc,mBACbC,EAAe,iBACjBb,IAAaC,GAAWe,EAAc,cAElDjB,EAAK,GAAGA,wBAA2B,sBAEvCQ,QAASyB,EACT2B,QAAS/B,EACTgC,UAAWtB,EACX9B,OAAQyB,OAiCZ4B,eA5Be,EACnBC,SACAC,iBACAC,sBAEAvB,EAAA,MAAAK,OAAAC,OAAA,CACIC,IAAKe,EACLE,MAAOH,EACPb,KAAK,SAAQ,aACF,eACPe,IAAkB,CAAAV,SAEtBb,EAACyB,EAAkB,CACfnE,GAAIA,EACJoE,KAAMnD,EACNb,MAAOA,EACPE,OAAQA,EACR+D,SAAUvC,EACVvB,SAAUwB,OAWduC,OAAQzC,EACR0C,QA5GY,KAChBrD,GAAU,GACVT,SAAAA,GAAU,EA2GN+D,UAAW1C,EACX2C,OAAQ,EACR/D,UAAWA,EACXgE,aAAc/D,EACdgE,SAAU/D,GACZ"}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
2
|
-
export declare const InputSelectorElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
|
|
2
|
+
export declare const InputSelectorElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
|
|
3
3
|
as?: import("styled-components").WebTarget | undefined;
|
|
4
4
|
forwardedAs?: import("styled-components").WebTarget | undefined;
|
|
5
5
|
}, "ref"> & {
|
|
6
6
|
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
7
|
-
},
|
|
7
|
+
}, "$disabled"> & {
|
|
8
|
+
$disabled?: boolean | undefined;
|
|
9
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
|
|
8
10
|
as?: import("styled-components").WebTarget | undefined;
|
|
9
11
|
forwardedAs?: import("styled-components").WebTarget | undefined;
|
|
10
12
|
}, "ref"> & {
|
|
11
13
|
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
14
|
+
}, "$disabled"> & {
|
|
15
|
+
$disabled?: boolean | undefined;
|
|
12
16
|
}, never>>> & string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import r from"styled-components";import{BasicInput as o}from"../shared/input-wrapper/input-wrapper.js";r.div`
|
|
2
2
|
position: relative;
|
|
3
|
-
`;const t=o
|
|
3
|
+
`;const t=r(o)`
|
|
4
4
|
height: calc(3rem - 2px); // exclude top and bottom borders
|
|
5
|
+
cursor: inherit;
|
|
5
6
|
`;export{t as InputSelectorElement};
|
|
6
7
|
//# sourceMappingURL=timepicker.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timepicker.styles.js","sources":["../../src/timepicker/timepicker.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { BasicInput } from \"../shared/input-wrapper/input-wrapper\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Wrapper = styled.div`\n position: relative;\n`;\n\nexport const InputSelectorElement = styled(BasicInput)
|
|
1
|
+
{"version":3,"file":"timepicker.styles.js","sources":["../../src/timepicker/timepicker.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { BasicInput } from \"../shared/input-wrapper/input-wrapper\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Wrapper = styled.div`\n position: relative;\n`;\n\nexport const InputSelectorElement = styled(BasicInput)<{\n $disabled?: boolean | undefined;\n}>`\n height: calc(3rem - 2px); // exclude top and bottom borders\n cursor: inherit;\n`;\n"],"names":["styled","div","InputSelectorElement","BasicInput"],"mappings":"uGAMuBA,EAAOC,GAAG;;QAIpBC,EAAuBF,EAAOG,EAEzC;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"smgs-font-set.js","sources":["../../../../../src/theme/font/specs/smgs-font-set.ts"],"sourcesContent":["import { FontSet } from \"../types\";\nimport { getFontSet } from \"../utils\";\n\nexport const SMGSFontSet: FontSet = getFontSet({\n disableLigatures: true,\n});\n"],"names":["SMGSFontSet","getFontSet","disableLigatures"],"mappings":"aAGO,MAAMA,yBAAuBC,WAAW,CAC3CC,kBAAkB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";exports.SMGSFontSpecSet={"heading-size-xxl":"3rem","heading-size-xl":"2.5rem","heading-size-lg":"2rem","heading-size-md":"1.625rem","heading-size-sm":"1.375rem","heading-size-xs":"1.125rem","heading-lh-xxl":"3.5rem","heading-lh-xl":"3rem","heading-lh-lg":"2.5rem","heading-lh-md":"2.25rem","heading-lh-sm":"1.75rem","heading-lh-xs":"1.625rem","heading-ls-xxl":"-0.035rem","heading-ls-xl":"-0.02rem","heading-ls-lg":"-0.02rem","heading-ls-md":"0rem","heading-ls-sm":"0rem","heading-ls-xs":"0rem","weight-light":"300","weight-regular":"400","weight-semibold":"600","weight-bold":"700","font-family":"Poppins, Inter","heading-font-family":"Poppins","body-font-family":"Inter","body-size-baseline":"1.125rem","body-size-md":"1rem","body-size-sm":"0.875rem","body-size-xs":"0.75rem","body-lh-baseline":"1.625rem","body-lh-md":"1.5rem","body-lh-sm":"1.625rem","body-lh-xs":"1.25rem","body-ls-baseline":"0rem","body-ls-md":"0.009rem","body-ls-sm":"0.008rem","body-ls-xs":"0.008rem","form-label-size":"1rem","form-description-size":"0.875rem","form-label-lh":"1.5rem","form-description-lh":"1.625rem","form-label-ls":"0rem","form-description-ls":"0.009rem"};
|
|
2
|
-
//# sourceMappingURL=smgs-font-spec-set.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"smgs-font-spec-set.js","sources":["../../../../../src/theme/font-spec/specs/smgs-font-spec-set.ts"],"sourcesContent":["import { FontSpecSet } from \"../types\";\n\nexport const SMGSFontSpecSet: FontSpecSet = {\n \"heading-size-xxl\": \"3rem\",\n \"heading-size-xl\": \"2.5rem\",\n \"heading-size-lg\": \"2rem\",\n \"heading-size-md\": \"1.625rem\",\n \"heading-size-sm\": \"1.375rem\",\n \"heading-size-xs\": \"1.125rem\",\n\n \"heading-lh-xxl\": \"3.5rem\",\n \"heading-lh-xl\": \"3rem\",\n \"heading-lh-lg\": \"2.5rem\",\n \"heading-lh-md\": \"2.25rem\",\n \"heading-lh-sm\": \"1.75rem\",\n \"heading-lh-xs\": \"1.625rem\",\n\n \"heading-ls-xxl\": \"-0.035rem\",\n \"heading-ls-xl\": \"-0.02rem\",\n \"heading-ls-lg\": \"-0.02rem\",\n \"heading-ls-md\": \"0rem\",\n \"heading-ls-sm\": \"0rem\",\n \"heading-ls-xs\": \"0rem\",\n\n \"weight-light\": \"300\",\n \"weight-regular\": \"400\",\n \"weight-semibold\": \"600\",\n \"weight-bold\": \"700\",\n \"font-family\": \"Poppins, Inter\",\n \"heading-font-family\": \"Poppins\",\n \"body-font-family\": \"Inter\",\n\n \"body-size-baseline\": \"1.125rem\",\n \"body-size-md\": \"1rem\",\n \"body-size-sm\": \"0.875rem\",\n \"body-size-xs\": \"0.75rem\",\n\n \"body-lh-baseline\": \"1.625rem\",\n \"body-lh-md\": \"1.5rem\",\n \"body-lh-sm\": \"1.625rem\",\n \"body-lh-xs\": \"1.25rem\",\n\n \"body-ls-baseline\": \"0rem\",\n \"body-ls-md\": \"0.009rem\",\n \"body-ls-sm\": \"0.008rem\",\n \"body-ls-xs\": \"0.008rem\",\n\n \"form-label-size\": \"1rem\",\n \"form-description-size\": \"0.875rem\",\n\n \"form-label-lh\": \"1.5rem\",\n \"form-description-lh\": \"1.625rem\",\n \"form-label-ls\": \"0rem\",\n \"form-description-ls\": \"0.009rem\",\n};\n"],"names":[],"mappings":"qCAE4C,CACxC,mBAAoB,OACpB,kBAAmB,SACnB,kBAAmB,OACnB,kBAAmB,WACnB,kBAAmB,WACnB,kBAAmB,WAEnB,iBAAkB,SAClB,gBAAiB,OACjB,gBAAiB,SACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,WAEjB,iBAAkB,YAClB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,OACjB,gBAAiB,OACjB,gBAAiB,OAEjB,eAAgB,MAChB,iBAAkB,MAClB,kBAAmB,MACnB,cAAe,MACf,cAAe,iBACf,sBAAuB,UACvB,mBAAoB,QAEpB,qBAAsB,WACtB,eAAgB,OAChB,eAAgB,WAChB,eAAgB,UAEhB,mBAAoB,WACpB,aAAc,SACd,aAAc,WACd,aAAc,UAEd,mBAAoB,OACpB,aAAc,WACd,aAAc,WACd,aAAc,WAEd,kBAAmB,OACnB,wBAAyB,WAEzB,gBAAiB,SACjB,sBAAuB,WACvB,gBAAiB,OACjB,sBAAuB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"smgs-font-set.js","sources":["../../../../src/theme/font/specs/smgs-font-set.ts"],"sourcesContent":["import { FontSet } from \"../types\";\nimport { getFontSet } from \"../utils\";\n\nexport const SMGSFontSet: FontSet = getFontSet({\n disableLigatures: true,\n});\n"],"names":["SMGSFontSet","getFontSet","disableLigatures"],"mappings":"yCAGO,MAAMA,EAAuBC,EAAW,CAC3CC,kBAAkB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
const e={"heading-size-xxl":"3rem","heading-size-xl":"2.5rem","heading-size-lg":"2rem","heading-size-md":"1.625rem","heading-size-sm":"1.375rem","heading-size-xs":"1.125rem","heading-lh-xxl":"3.5rem","heading-lh-xl":"3rem","heading-lh-lg":"2.5rem","heading-lh-md":"2.25rem","heading-lh-sm":"1.75rem","heading-lh-xs":"1.625rem","heading-ls-xxl":"-0.035rem","heading-ls-xl":"-0.02rem","heading-ls-lg":"-0.02rem","heading-ls-md":"0rem","heading-ls-sm":"0rem","heading-ls-xs":"0rem","weight-light":"300","weight-regular":"400","weight-semibold":"600","weight-bold":"700","font-family":"Poppins, Inter","heading-font-family":"Poppins","body-font-family":"Inter","body-size-baseline":"1.125rem","body-size-md":"1rem","body-size-sm":"0.875rem","body-size-xs":"0.75rem","body-lh-baseline":"1.625rem","body-lh-md":"1.5rem","body-lh-sm":"1.625rem","body-lh-xs":"1.25rem","body-ls-baseline":"0rem","body-ls-md":"0.009rem","body-ls-sm":"0.008rem","body-ls-xs":"0.008rem","form-label-size":"1rem","form-description-size":"0.875rem","form-label-lh":"1.5rem","form-description-lh":"1.625rem","form-label-ls":"0rem","form-description-ls":"0.009rem"};export{e as SMGSFontSpecSet};
|
|
2
|
-
//# sourceMappingURL=smgs-font-spec-set.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"smgs-font-spec-set.js","sources":["../../../../src/theme/font-spec/specs/smgs-font-spec-set.ts"],"sourcesContent":["import { FontSpecSet } from \"../types\";\n\nexport const SMGSFontSpecSet: FontSpecSet = {\n \"heading-size-xxl\": \"3rem\",\n \"heading-size-xl\": \"2.5rem\",\n \"heading-size-lg\": \"2rem\",\n \"heading-size-md\": \"1.625rem\",\n \"heading-size-sm\": \"1.375rem\",\n \"heading-size-xs\": \"1.125rem\",\n\n \"heading-lh-xxl\": \"3.5rem\",\n \"heading-lh-xl\": \"3rem\",\n \"heading-lh-lg\": \"2.5rem\",\n \"heading-lh-md\": \"2.25rem\",\n \"heading-lh-sm\": \"1.75rem\",\n \"heading-lh-xs\": \"1.625rem\",\n\n \"heading-ls-xxl\": \"-0.035rem\",\n \"heading-ls-xl\": \"-0.02rem\",\n \"heading-ls-lg\": \"-0.02rem\",\n \"heading-ls-md\": \"0rem\",\n \"heading-ls-sm\": \"0rem\",\n \"heading-ls-xs\": \"0rem\",\n\n \"weight-light\": \"300\",\n \"weight-regular\": \"400\",\n \"weight-semibold\": \"600\",\n \"weight-bold\": \"700\",\n \"font-family\": \"Poppins, Inter\",\n \"heading-font-family\": \"Poppins\",\n \"body-font-family\": \"Inter\",\n\n \"body-size-baseline\": \"1.125rem\",\n \"body-size-md\": \"1rem\",\n \"body-size-sm\": \"0.875rem\",\n \"body-size-xs\": \"0.75rem\",\n\n \"body-lh-baseline\": \"1.625rem\",\n \"body-lh-md\": \"1.5rem\",\n \"body-lh-sm\": \"1.625rem\",\n \"body-lh-xs\": \"1.25rem\",\n\n \"body-ls-baseline\": \"0rem\",\n \"body-ls-md\": \"0.009rem\",\n \"body-ls-sm\": \"0.008rem\",\n \"body-ls-xs\": \"0.008rem\",\n\n \"form-label-size\": \"1rem\",\n \"form-description-size\": \"0.875rem\",\n\n \"form-label-lh\": \"1.5rem\",\n \"form-description-lh\": \"1.625rem\",\n \"form-label-ls\": \"0rem\",\n \"form-description-ls\": \"0.009rem\",\n};\n"],"names":["SMGSFontSpecSet"],"mappings":"AAEO,MAAMA,EAA+B,CACxC,mBAAoB,OACpB,kBAAmB,SACnB,kBAAmB,OACnB,kBAAmB,WACnB,kBAAmB,WACnB,kBAAmB,WAEnB,iBAAkB,SAClB,gBAAiB,OACjB,gBAAiB,SACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,WAEjB,iBAAkB,YAClB,gBAAiB,WACjB,gBAAiB,WACjB,gBAAiB,OACjB,gBAAiB,OACjB,gBAAiB,OAEjB,eAAgB,MAChB,iBAAkB,MAClB,kBAAmB,MACnB,cAAe,MACf,cAAe,iBACf,sBAAuB,UACvB,mBAAoB,QAEpB,qBAAsB,WACtB,eAAgB,OAChB,eAAgB,WAChB,eAAgB,UAEhB,mBAAoB,WACpB,aAAc,SACd,aAAc,WACd,aAAc,UAEd,mBAAoB,OACpB,aAAc,WACd,aAAc,WACd,aAAc,WAEd,kBAAmB,OACnB,wBAAyB,WAEzB,gBAAiB,SACjB,sBAAuB,WACvB,gBAAiB,OACjB,sBAAuB"}
|