@blockle/blocks 0.1.0 → 0.2.0

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.
Files changed (117) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +43 -12
  3. package/dist/index.cjs +3136 -0
  4. package/dist/index.d.ts +1 -28
  5. package/dist/index.mjs +3136 -0
  6. package/dist/reset.css.cjs +5 -0
  7. package/dist/reset.css.d.ts +295 -0
  8. package/dist/reset.css.mjs +4 -0
  9. package/dist/side-effects/lib/css/atoms/atoms.cjs +2 -0
  10. package/dist/side-effects/lib/css/atoms/atoms.mjs +1 -0
  11. package/dist/side-effects/themes/momotaro/index.cjs +2 -0
  12. package/dist/side-effects/themes/momotaro/index.mjs +1 -0
  13. package/dist/styles/lib/css/atoms/atomicProperties.cjs +69 -0
  14. package/dist/styles/lib/css/atoms/atomicProperties.mjs +70 -0
  15. package/dist/styles/lib/css/atoms/breakpoints.cjs +11 -0
  16. package/dist/styles/lib/css/atoms/breakpoints.mjs +12 -0
  17. package/dist/styles/lib/css/atoms/sprinkles.css.cjs +45 -0
  18. package/dist/styles/lib/css/atoms/sprinkles.css.mjs +46 -0
  19. package/dist/styles/lib/css/reset/reset.css.cjs +36 -0
  20. package/dist/styles/lib/css/reset/reset.css.mjs +35 -0
  21. package/dist/styles/lib/css/theme/makeTheme.cjs +10 -0
  22. package/dist/styles/lib/css/theme/makeTheme.mjs +11 -0
  23. package/dist/styles/lib/css/theme/makeVanillaTheme.cjs +15 -0
  24. package/dist/styles/lib/css/theme/makeVanillaTheme.mjs +16 -0
  25. package/dist/styles/lib/css/theme/tokens.cjs +70 -0
  26. package/dist/styles/lib/css/theme/tokens.mjs +71 -0
  27. package/dist/styles/lib/css/theme/vars.css.cjs +9 -0
  28. package/dist/styles/lib/css/theme/vars.css.mjs +10 -0
  29. package/dist/styles/themes/momotaro/momotaroTheme.css.cjs +11 -0
  30. package/dist/styles/themes/momotaro/momotaroTheme.css.mjs +12 -0
  31. package/dist/styles/themes/momotaro/tokens.cjs +70 -0
  32. package/dist/styles/themes/momotaro/tokens.mjs +71 -0
  33. package/dist/themes/momotaro.cjs +4 -0
  34. package/dist/themes/momotaro.d.ts +1 -0
  35. package/dist/themes/momotaro.mjs +4 -0
  36. package/package.json +57 -79
  37. package/reset.css/index.d.ts +1 -0
  38. package/reset.css/package.json +5 -0
  39. package/themes/momotaro/index.d.ts +1 -0
  40. package/themes/momotaro/package.json +5 -0
  41. package/dist/Badge/Badge.d.ts +0 -7
  42. package/dist/Badge/Badge.spec.d.ts +0 -1
  43. package/dist/Badge/Badge.stories.d.ts +0 -1
  44. package/dist/Badge/index.d.ts +0 -1
  45. package/dist/Box/Box.d.ts +0 -10
  46. package/dist/Box/index.d.ts +0 -1
  47. package/dist/Button/Button.d.ts +0 -13
  48. package/dist/Button/Button.spec.d.ts +0 -1
  49. package/dist/Button/Button.stories.d.ts +0 -1
  50. package/dist/Button/index.d.ts +0 -1
  51. package/dist/Card/Card.d.ts +0 -11
  52. package/dist/Card/Card.spec.d.ts +0 -1
  53. package/dist/Card/Card.stories.d.ts +0 -1
  54. package/dist/Card/index.d.ts +0 -1
  55. package/dist/Dialog/Dialog.d.ts +0 -13
  56. package/dist/Dialog/index.d.ts +0 -1
  57. package/dist/Divider/Divider.d.ts +0 -4
  58. package/dist/Divider/index.d.ts +0 -1
  59. package/dist/Drawer/Drawer.d.ts +0 -10
  60. package/dist/Drawer/index.d.ts +0 -1
  61. package/dist/Dropdown/Dropdown.d.ts +0 -17
  62. package/dist/Dropdown/index.d.ts +0 -1
  63. package/dist/FlatButton/FlatButton.d.ts +0 -15
  64. package/dist/FlatButton/index.d.ts +0 -1
  65. package/dist/Grid/Grid.d.ts +0 -10
  66. package/dist/Grid/index.d.ts +0 -1
  67. package/dist/Icon/Icon.d.ts +0 -26
  68. package/dist/Icon/Icon.spec.d.ts +0 -1
  69. package/dist/Icon/index.d.ts +0 -1
  70. package/dist/IconButton/IconButton.d.ts +0 -12
  71. package/dist/IconButton/index.d.ts +0 -1
  72. package/dist/Inline/Inline.d.ts +0 -8
  73. package/dist/Inline/index.d.ts +0 -1
  74. package/dist/Link/Link.d.ts +0 -9
  75. package/dist/Link/index.d.ts +0 -1
  76. package/dist/Loader/Loader.d.ts +0 -4
  77. package/dist/Loader/index.d.ts +0 -1
  78. package/dist/OutlineButton/OutlineButton.d.ts +0 -12
  79. package/dist/OutlineButton/index.d.ts +0 -1
  80. package/dist/Panel/Panel.d.ts +0 -10
  81. package/dist/Panel/index.d.ts +0 -1
  82. package/dist/Paper/Paper.d.ts +0 -14
  83. package/dist/Paper/Paper.spec.d.ts +0 -1
  84. package/dist/Paper/index.d.ts +0 -1
  85. package/dist/RippleBox/RippleBox.d.ts +0 -8
  86. package/dist/RippleBox/createRipple.d.ts +0 -2
  87. package/dist/RippleBox/index.d.ts +0 -1
  88. package/dist/Stack/Stack.d.ts +0 -13
  89. package/dist/Stack/index.d.ts +0 -1
  90. package/dist/Tag/Tag.d.ts +0 -8
  91. package/dist/Tag/index.d.ts +0 -1
  92. package/dist/Text/Text.d.ts +0 -10
  93. package/dist/Text/Text.spec.d.ts +0 -1
  94. package/dist/Text/index.d.ts +0 -1
  95. package/dist/TextField/TextField.d.ts +0 -22
  96. package/dist/TextField/TextField.stories.d.ts +0 -1
  97. package/dist/TextField/index.d.ts +0 -1
  98. package/dist/blockle-blocks.esm.js +0 -823
  99. package/dist/blockle-blocks.js +0 -854
  100. package/dist/blocks.css +0 -2554
  101. package/dist/blocks.css.map +0 -1
  102. package/dist/cx.d.ts +0 -3
  103. package/dist/setupTests.d.ts +0 -1
  104. package/dist/useAnimationState/index.d.ts +0 -1
  105. package/dist/useAnimationState/useAnimationState.d.ts +0 -6
  106. package/dist/useFlip/animate.d.ts +0 -14
  107. package/dist/useFlip/index.d.ts +0 -1
  108. package/dist/useFlip/useFlip.d.ts +0 -8
  109. package/dist/useLayer/index.d.ts +0 -1
  110. package/dist/useLayer/useLayer.d.ts +0 -1
  111. package/dist/useStyles/blocks.d.ts +0 -34
  112. package/dist/useStyles/index.d.ts +0 -2
  113. package/dist/useStyles/useStyles.d.ts +0 -3
  114. package/dist/utils/animate/animateCss.d.ts +0 -11
  115. package/dist/utils/animate/index.d.ts +0 -1
  116. package/dist/utils/getEventPosition.d.ts +0 -6
  117. package/dist/utils/index.d.ts +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"sources":["badge.css","blockle-blocks.css","button.css","card.css","icon.css","icon-button.css","Stack.css","dialog.css","divider.css","drawer.css","dropdown.css","flat-button.css","link.css","loader.css","outline-button.css","panel.css","paper.css","text.css","tag.css","text-field.css"],"names":[],"mappings":"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","file":"blocks.css","sourcesContent":[".Badge {\n display: inline-block;\n border-radius: 10px;\n padding: 4px 8px;\n background-color: var(--accent-primary);\n color: #fff;\n line-height: 1;\n text-transform: uppercase;\n margin: 1px;\n}\n","/* alignItems */\n.bb-alignItems-stretch {\n align-items: stretch;\n}\n\n.bb-alignItems-center {\n align-items: center;\n}\n\n.bb-alignItems-flex-start {\n align-items: flex-start;\n}\n\n.bb-alignItems-flex-end {\n align-items: flex-end;\n}\n\n.bb-alignItems-baseline {\n align-items: baseline;\n}\n\n/* display */\n.bb-display-block {\n display: block;\n}\n\n.bb-display-inline {\n display: inline;\n}\n\n.bb-display-inline-block {\n display: inline-block;\n}\n\n.bb-display-flex {\n display: flex;\n}\n\n.bb-display-inline-flex {\n display: inline-flex;\n}\n\n.bb-display-grid {\n display: grid;\n}\n\n.bb-display-inline-grid {\n display: inline-grid;\n}\n\n.bb-display-none {\n display: none;\n}\n\n/* flexDirection */\n.bb-flexDirection-row {\n flex-direction: row;\n}\n\n.bb-flexDirection-row-reverse {\n flex-direction: row-reverse;\n}\n\n.bb-flexDirection-column {\n flex-direction: column;\n}\n\n.bb-flexDirection-column-reverse {\n flex-direction: column-reverse;\n}\n\n/* flexGrow */\n.bb-flexGrow-0 {\n flex-grow: 0;\n}\n\n.bb-flexGrow-1 {\n flex-grow: 1;\n}\n\n/* flexShrink */\n.bb-flexShrink-0 {\n flex-shrink: 0;\n}\n\n/* flexWrap */\n.bb-flexWrap-nowrap {\n flex-wrap: nowrap;\n}\n\n.bb-flexWrap-wrap {\n flex-wrap: wrap;\n}\n\n.bb-flexWrap-wrap-reverse {\n flex-wrap: wrap-reverse;\n}\n\n/* height */\n.bb-height-full {\n height: 100%;\n}\n\n/* justifyContent */\n.bb-justifyContent-flex-start {\n justify-content: flex-start;\n}\n\n.bb-justifyContent-flex-end {\n justify-content: flex-end;\n}\n\n.bb-justifyContent-center {\n justify-content: center;\n}\n\n.bb-justifyContent-space-between {\n justify-content: space-between;\n}\n\n.bb-justifyContent-space-around {\n justify-content: space-around;\n}\n\n/* overflow */\n.bb-overflow-auto {\n overflow: auto;\n}\n\n.bb-overflow-scroll {\n overflow: scroll;\n}\n\n.bb-overflow-hidden {\n overflow: hidden;\n}\n\n.bb-overflow-visible {\n overflow: visible;\n}\n\n/* overflowX */\n.bb-overflowX-auto {\n overflow-x: auto;\n}\n\n.bb-overflowX-scroll {\n overflow-x: scroll;\n}\n\n.bb-overflowX-hidden {\n overflow-x: hidden;\n}\n\n.bb-overflowX-visible {\n overflow-x: visible;\n}\n\n/* overflowY */\n.bb-overflowY-auto {\n overflow-y: auto;\n}\n\n.bb-overflowY-scroll {\n overflow-y: scroll;\n}\n\n.bb-overflowY-hidden {\n overflow-y: hidden;\n}\n\n.bb-overflowY-visible {\n overflow-y: visible;\n}\n\n/* padding */\n.bb-padding-gutter {\n padding: var(--space-gutter);\n}\n\n.bb-padding-xsmall {\n padding: var(--space-xsmall);\n}\n\n.bb-padding-small {\n padding: var(--space-small);\n}\n\n.bb-padding-medium {\n padding: var(--space-medium);\n}\n\n.bb-padding-large {\n padding: var(--space-large);\n}\n\n.bb-padding-xlarge {\n padding: var(--space-xlarge);\n}\n\n/* paddingBottom */\n.bb-paddingBottom-gutter {\n padding-bottom: var(--space-gutter);\n}\n\n.bb-paddingBottom-xsmall {\n padding-bottom: var(--space-xsmall);\n}\n\n.bb-paddingBottom-small {\n padding-bottom: var(--space-small);\n}\n\n.bb-paddingBottom-medium {\n padding-bottom: var(--space-medium);\n}\n\n.bb-paddingBottom-large {\n padding-bottom: var(--space-large);\n}\n\n.bb-paddingBottom-xlarge {\n padding-bottom: var(--space-xlarge);\n}\n\n/* paddingLeft */\n.bb-paddingLeft-gutter {\n padding-left: var(--space-gutter);\n}\n\n.bb-paddingLeft-xsmall {\n padding-left: var(--space-xsmall);\n}\n\n.bb-paddingLeft-small {\n padding-left: var(--space-small);\n}\n\n.bb-paddingLeft-medium {\n padding-left: var(--space-medium);\n}\n\n.bb-paddingLeft-large {\n padding-left: var(--space-large);\n}\n\n.bb-paddingLeft-xlarge {\n padding-left: var(--space-xlarge);\n}\n\n/* paddingRight */\n.bb-paddingRight-gutter {\n padding-right: var(--space-gutter);\n}\n\n.bb-paddingRight-xsmall {\n padding-right: var(--space-xsmall);\n}\n\n.bb-paddingRight-small {\n padding-right: var(--space-small);\n}\n\n.bb-paddingRight-medium {\n padding-right: var(--space-medium);\n}\n\n.bb-paddingRight-large {\n padding-right: var(--space-large);\n}\n\n.bb-paddingRight-xlarge {\n padding-right: var(--space-xlarge);\n}\n\n/* paddingTop */\n.bb-paddingTop-gutter {\n padding-top: var(--space-gutter);\n}\n\n.bb-paddingTop-xsmall {\n padding-top: var(--space-xsmall);\n}\n\n.bb-paddingTop-small {\n padding-top: var(--space-small);\n}\n\n.bb-paddingTop-medium {\n padding-top: var(--space-medium);\n}\n\n.bb-paddingTop-large {\n padding-top: var(--space-large);\n}\n\n.bb-paddingTop-xlarge {\n padding-top: var(--space-xlarge);\n}\n\n/* paddingX */\n.bb-paddingX-gutter {\n padding-left: var(--space-gutter);\n padding-right: var(--space-gutter);\n}\n\n.bb-paddingX-xsmall {\n padding-left: var(--space-xsmall);\n padding-right: var(--space-xsmall);\n}\n\n.bb-paddingX-small {\n padding-left: var(--space-small);\n padding-right: var(--space-small);\n}\n\n.bb-paddingX-medium {\n padding-left: var(--space-medium);\n padding-right: var(--space-medium);\n}\n\n.bb-paddingX-large {\n padding-left: var(--space-large);\n padding-right: var(--space-large);\n}\n\n.bb-paddingX-xlarge {\n padding-left: var(--space-xlarge);\n padding-right: var(--space-xlarge);\n}\n\n/* paddingY */\n.bb-paddingY-gutter {\n padding-top: var(--space-gutter);\n padding-bottom: var(--space-gutter);\n}\n\n.bb-paddingY-xsmall {\n padding-top: var(--space-xsmall);\n padding-bottom: var(--space-xsmall);\n}\n\n.bb-paddingY-small {\n padding-top: var(--space-small);\n padding-bottom: var(--space-small);\n}\n\n.bb-paddingY-medium {\n padding-top: var(--space-medium);\n padding-bottom: var(--space-medium);\n}\n\n.bb-paddingY-large {\n padding-top: var(--space-large);\n padding-bottom: var(--space-large);\n}\n\n.bb-paddingY-xlarge {\n padding-top: var(--space-xlarge);\n padding-bottom: var(--space-xlarge);\n}\n\n/* position */\n.bb-position-relative {\n position: relative;\n}\n\n.bb-position-fixed {\n position: fixed;\n}\n\n.bb-position-absolute {\n position: absolute;\n}\n\n.bb-position-sticky {\n position: sticky;\n}\n\n/* textAlign */\n.bb-textAlign-left {\n text-align: left;\n}\n\n.bb-textAlign-right {\n text-align: right;\n}\n\n.bb-textAlign-center {\n text-align: center;\n}\n\n.bb-textAlign-justify {\n text-align: justify;\n}\n\n/* textTransform */\n.bb-textTransform-capitalise {\n text-transform: capitalize;\n}\n\n.bb-textTransform-none {\n text-transform: none;\n}\n\n.bb-textTransform-uppercase {\n text-transform: uppercase;\n}\n\n.bb-textTransform-lowercase {\n text-transform: lowercase;\n}\n\n/* width */\n.bb-width-full {\n width: 100%;\n}\n\n/* fontSize */\n.bb-fontSize-xsmall {\n font-size: var(--font-xsmall);\n}\n\n.bb-fontSize-small {\n font-size: var(--font-small);\n}\n\n.bb-fontSize-medium {\n font-size: var(--font-medium);\n}\n\n.bb-fontSize-large {\n font-size: var(--font-large);\n}\n\n.bb-fontSize-xlarge {\n font-size: var(--font-xlarge);\n}\n\n/* fontWeight */\n.bb-fontWeight-regular {\n font-weight: 400;\n}\n\n.bb-fontWeight-bold {\n font-weight: 700;\n}\n\n/* color */\n.bb-color-black {\n color: var(--color-black);\n}\n\n.bb-color-danger {\n color: var(--color-danger);\n}\n\n.bb-color-dark {\n color: var(--color-dark);\n}\n\n.bb-color-gray {\n color: var(--color-gray);\n}\n\n.bb-color-lightGray {\n color: var(--color-light-gray);\n}\n\n.bb-color-info {\n color: var(--color-info);\n}\n\n.bb-color-primary {\n color: var(--color-primary);\n}\n\n.bb-color-secondary {\n color: var(--color-secondary);\n}\n\n.bb-color-success {\n color: var(--color-success);\n}\n\n.bb-color-warning {\n color: var(--color-warning);\n}\n\n.bb-color-white {\n color: var(--color-white);\n}\n\n.bb-color-card {\n color: var(--color-card);\n}\n\n/* backgroundColor */\n.bb-backgroundColor-black {\n background-color: var(--color-black);\n}\n\n.bb-backgroundColor-danger {\n background-color: var(--color-danger);\n}\n\n.bb-backgroundColor-dark {\n background-color: var(--color-dark);\n}\n\n.bb-backgroundColor-gray {\n background-color: var(--color-gray);\n}\n\n.bb-backgroundColor-lightGray {\n background-color: var(--color-light-gray);\n}\n\n.bb-backgroundColor-info {\n background-color: var(--color-info);\n}\n\n.bb-backgroundColor-primary {\n background-color: var(--color-primary);\n}\n\n.bb-backgroundColor-secondary {\n background-color: var(--color-secondary);\n}\n\n.bb-backgroundColor-success {\n background-color: var(--color-success);\n}\n\n.bb-backgroundColor-warning {\n background-color: var(--color-warning);\n}\n\n.bb-backgroundColor-white {\n background-color: var(--color-white);\n}\n\n.bb-backgroundColor-card {\n background-color: var(--color-card);\n}\n\n/* gridGap */\n.bb-gridGap-gutter {\n grid-gap: var(--space-gutter);\n}\n\n.bb-gridGap-xsmall {\n grid-gap: var(--space-xsmall);\n}\n\n.bb-gridGap-small {\n grid-gap: var(--space-small);\n}\n\n.bb-gridGap-medium {\n grid-gap: var(--space-medium);\n}\n\n.bb-gridGap-large {\n grid-gap: var(--space-large);\n}\n\n.bb-gridGap-xlarge {\n grid-gap: var(--space-xlarge);\n}\n\n/* negativeMarginTop */\n.bb-negativeMarginTop-gutter {\n margin-top: calc(var(--space-gutter) * -1);\n}\n\n.bb-negativeMarginTop-xsmall {\n margin-top: calc(var(--space-xsmall) * -1);\n}\n\n.bb-negativeMarginTop-small {\n margin-top: calc(var(--space-small) * -1);\n}\n\n.bb-negativeMarginTop-medium {\n margin-top: calc(var(--space-medium) * -1);\n}\n\n.bb-negativeMarginTop-large {\n margin-top: calc(var(--space-large) * -1);\n}\n\n.bb-negativeMarginTop-xlarge {\n margin-top: calc(var(--space-xlarge) * -1);\n}\n\n/* negativeMarginLeft */\n.bb-negativeMarginLeft-gutter {\n margin-left: calc(var(--space-gutter) * -1);\n}\n\n.bb-negativeMarginLeft-xsmall {\n margin-left: calc(var(--space-xsmall) * -1);\n}\n\n.bb-negativeMarginLeft-small {\n margin-left: calc(var(--space-small) * -1);\n}\n\n.bb-negativeMarginLeft-medium {\n margin-left: calc(var(--space-medium) * -1);\n}\n\n.bb-negativeMarginLeft-large {\n margin-left: calc(var(--space-large) * -1);\n}\n\n.bb-negativeMarginLeft-xlarge {\n margin-left: calc(var(--space-xlarge) * -1);\n}\n\n/* fontStyle */\n.bb-fontStyle-normal {\n font-style: normal;\n}\n\n.bb-fontStyle-italic {\n font-style: italic;\n}\n\n\n@media (min-width: 500px) {\n .bb-alignItems-stretch-bp1 {\n align-items: stretch;\n }\n\n .bb-alignItems-center-bp1 {\n align-items: center;\n }\n\n .bb-alignItems-flex-start-bp1 {\n align-items: flex-start;\n }\n\n .bb-alignItems-flex-end-bp1 {\n align-items: flex-end;\n }\n\n .bb-alignItems-baseline-bp1 {\n align-items: baseline;\n }\n\n .bb-display-block-bp1 {\n display: block;\n }\n\n .bb-display-inline-bp1 {\n display: inline;\n }\n\n .bb-display-inline-block-bp1 {\n display: inline-block;\n }\n\n .bb-display-flex-bp1 {\n display: flex;\n }\n\n .bb-display-inline-flex-bp1 {\n display: inline-flex;\n }\n\n .bb-display-grid-bp1 {\n display: grid;\n }\n\n .bb-display-inline-grid-bp1 {\n display: inline-grid;\n }\n\n .bb-display-none-bp1 {\n display: none;\n }\n\n .bb-flexDirection-row-bp1 {\n flex-direction: row;\n }\n\n .bb-flexDirection-row-reverse-bp1 {\n flex-direction: row-reverse;\n }\n\n .bb-flexDirection-column-bp1 {\n flex-direction: column;\n }\n\n .bb-flexDirection-column-reverse-bp1 {\n flex-direction: column-reverse;\n }\n\n .bb-flexGrow-0-bp1 {\n flex-grow: 0;\n }\n\n .bb-flexGrow-1-bp1 {\n flex-grow: 1;\n }\n\n .bb-flexShrink-0-bp1 {\n flex-shrink: 0;\n }\n\n .bb-flexWrap-nowrap-bp1 {\n flex-wrap: nowrap;\n }\n\n .bb-flexWrap-wrap-bp1 {\n flex-wrap: wrap;\n }\n\n .bb-flexWrap-wrap-reverse-bp1 {\n flex-wrap: wrap-reverse;\n }\n\n .bb-height-full-bp1 {\n height: 100%;\n }\n\n .bb-justifyContent-flex-start-bp1 {\n justify-content: flex-start;\n }\n\n .bb-justifyContent-flex-end-bp1 {\n justify-content: flex-end;\n }\n\n .bb-justifyContent-center-bp1 {\n justify-content: center;\n }\n\n .bb-justifyContent-space-between-bp1 {\n justify-content: space-between;\n }\n\n .bb-justifyContent-space-around-bp1 {\n justify-content: space-around;\n }\n\n .bb-overflow-auto-bp1 {\n overflow: auto;\n }\n\n .bb-overflow-scroll-bp1 {\n overflow: scroll;\n }\n\n .bb-overflow-hidden-bp1 {\n overflow: hidden;\n }\n\n .bb-overflow-visible-bp1 {\n overflow: visible;\n }\n\n .bb-overflowX-auto-bp1 {\n overflow-x: auto;\n }\n\n .bb-overflowX-scroll-bp1 {\n overflow-x: scroll;\n }\n\n .bb-overflowX-hidden-bp1 {\n overflow-x: hidden;\n }\n\n .bb-overflowX-visible-bp1 {\n overflow-x: visible;\n }\n\n .bb-overflowY-auto-bp1 {\n overflow-y: auto;\n }\n\n .bb-overflowY-scroll-bp1 {\n overflow-y: scroll;\n }\n\n .bb-overflowY-hidden-bp1 {\n overflow-y: hidden;\n }\n\n .bb-overflowY-visible-bp1 {\n overflow-y: visible;\n }\n\n .bb-padding-gutter-bp1 {\n padding: var(--space-gutter);\n }\n\n .bb-padding-xsmall-bp1 {\n padding: var(--space-xsmall);\n }\n\n .bb-padding-small-bp1 {\n padding: var(--space-small);\n }\n\n .bb-padding-medium-bp1 {\n padding: var(--space-medium);\n }\n\n .bb-padding-large-bp1 {\n padding: var(--space-large);\n }\n\n .bb-padding-xlarge-bp1 {\n padding: var(--space-xlarge);\n }\n\n .bb-paddingBottom-gutter-bp1 {\n padding-bottom: var(--space-gutter);\n }\n\n .bb-paddingBottom-xsmall-bp1 {\n padding-bottom: var(--space-xsmall);\n }\n\n .bb-paddingBottom-small-bp1 {\n padding-bottom: var(--space-small);\n }\n\n .bb-paddingBottom-medium-bp1 {\n padding-bottom: var(--space-medium);\n }\n\n .bb-paddingBottom-large-bp1 {\n padding-bottom: var(--space-large);\n }\n\n .bb-paddingBottom-xlarge-bp1 {\n padding-bottom: var(--space-xlarge);\n }\n\n .bb-paddingLeft-gutter-bp1 {\n padding-left: var(--space-gutter);\n }\n\n .bb-paddingLeft-xsmall-bp1 {\n padding-left: var(--space-xsmall);\n }\n\n .bb-paddingLeft-small-bp1 {\n padding-left: var(--space-small);\n }\n\n .bb-paddingLeft-medium-bp1 {\n padding-left: var(--space-medium);\n }\n\n .bb-paddingLeft-large-bp1 {\n padding-left: var(--space-large);\n }\n\n .bb-paddingLeft-xlarge-bp1 {\n padding-left: var(--space-xlarge);\n }\n\n .bb-paddingRight-gutter-bp1 {\n padding-right: var(--space-gutter);\n }\n\n .bb-paddingRight-xsmall-bp1 {\n padding-right: var(--space-xsmall);\n }\n\n .bb-paddingRight-small-bp1 {\n padding-right: var(--space-small);\n }\n\n .bb-paddingRight-medium-bp1 {\n padding-right: var(--space-medium);\n }\n\n .bb-paddingRight-large-bp1 {\n padding-right: var(--space-large);\n }\n\n .bb-paddingRight-xlarge-bp1 {\n padding-right: var(--space-xlarge);\n }\n\n .bb-paddingTop-gutter-bp1 {\n padding-top: var(--space-gutter);\n }\n\n .bb-paddingTop-xsmall-bp1 {\n padding-top: var(--space-xsmall);\n }\n\n .bb-paddingTop-small-bp1 {\n padding-top: var(--space-small);\n }\n\n .bb-paddingTop-medium-bp1 {\n padding-top: var(--space-medium);\n }\n\n .bb-paddingTop-large-bp1 {\n padding-top: var(--space-large);\n }\n\n .bb-paddingTop-xlarge-bp1 {\n padding-top: var(--space-xlarge);\n }\n\n .bb-paddingX-gutter-bp1 {\n padding-left: var(--space-gutter);\n padding-right: var(--space-gutter);\n }\n\n .bb-paddingX-xsmall-bp1 {\n padding-left: var(--space-xsmall);\n padding-right: var(--space-xsmall);\n }\n\n .bb-paddingX-small-bp1 {\n padding-left: var(--space-small);\n padding-right: var(--space-small);\n }\n\n .bb-paddingX-medium-bp1 {\n padding-left: var(--space-medium);\n padding-right: var(--space-medium);\n }\n\n .bb-paddingX-large-bp1 {\n padding-left: var(--space-large);\n padding-right: var(--space-large);\n }\n\n .bb-paddingX-xlarge-bp1 {\n padding-left: var(--space-xlarge);\n padding-right: var(--space-xlarge);\n }\n\n .bb-paddingY-gutter-bp1 {\n padding-top: var(--space-gutter);\n padding-bottom: var(--space-gutter);\n }\n\n .bb-paddingY-xsmall-bp1 {\n padding-top: var(--space-xsmall);\n padding-bottom: var(--space-xsmall);\n }\n\n .bb-paddingY-small-bp1 {\n padding-top: var(--space-small);\n padding-bottom: var(--space-small);\n }\n\n .bb-paddingY-medium-bp1 {\n padding-top: var(--space-medium);\n padding-bottom: var(--space-medium);\n }\n\n .bb-paddingY-large-bp1 {\n padding-top: var(--space-large);\n padding-bottom: var(--space-large);\n }\n\n .bb-paddingY-xlarge-bp1 {\n padding-top: var(--space-xlarge);\n padding-bottom: var(--space-xlarge);\n }\n\n .bb-position-relative-bp1 {\n position: relative;\n }\n\n .bb-position-fixed-bp1 {\n position: fixed;\n }\n\n .bb-position-absolute-bp1 {\n position: absolute;\n }\n\n .bb-position-sticky-bp1 {\n position: sticky;\n }\n\n .bb-textAlign-left-bp1 {\n text-align: left;\n }\n\n .bb-textAlign-right-bp1 {\n text-align: right;\n }\n\n .bb-textAlign-center-bp1 {\n text-align: center;\n }\n\n .bb-textAlign-justify-bp1 {\n text-align: justify;\n }\n\n .bb-textTransform-capitalise-bp1 {\n text-transform: capitalize;\n }\n\n .bb-textTransform-none-bp1 {\n text-transform: none;\n }\n\n .bb-textTransform-uppercase-bp1 {\n text-transform: uppercase;\n }\n\n .bb-textTransform-lowercase-bp1 {\n text-transform: lowercase;\n }\n\n .bb-width-full-bp1 {\n width: 100%;\n }\n\n .bb-fontSize-xsmall-bp1 {\n font-size: var(--font-xsmall);\n }\n\n .bb-fontSize-small-bp1 {\n font-size: var(--font-small);\n }\n\n .bb-fontSize-medium-bp1 {\n font-size: var(--font-medium);\n }\n\n .bb-fontSize-large-bp1 {\n font-size: var(--font-large);\n }\n\n .bb-fontSize-xlarge-bp1 {\n font-size: var(--font-xlarge);\n }\n\n .bb-fontWeight-regular-bp1 {\n font-weight: 400;\n }\n\n .bb-fontWeight-bold-bp1 {\n font-weight: 700;\n }\n\n .bb-color-black-bp1 {\n color: var(--color-black);\n }\n\n .bb-color-danger-bp1 {\n color: var(--color-danger);\n }\n\n .bb-color-dark-bp1 {\n color: var(--color-dark);\n }\n\n .bb-color-gray-bp1 {\n color: var(--color-gray);\n }\n\n .bb-color-lightGray-bp1 {\n color: var(--color-light-gray);\n }\n\n .bb-color-info-bp1 {\n color: var(--color-info);\n }\n\n .bb-color-primary-bp1 {\n color: var(--color-primary);\n }\n\n .bb-color-secondary-bp1 {\n color: var(--color-secondary);\n }\n\n .bb-color-success-bp1 {\n color: var(--color-success);\n }\n\n .bb-color-warning-bp1 {\n color: var(--color-warning);\n }\n\n .bb-color-white-bp1 {\n color: var(--color-white);\n }\n\n .bb-color-card-bp1 {\n color: var(--color-card);\n }\n\n .bb-backgroundColor-black-bp1 {\n background-color: var(--color-black);\n }\n\n .bb-backgroundColor-danger-bp1 {\n background-color: var(--color-danger);\n }\n\n .bb-backgroundColor-dark-bp1 {\n background-color: var(--color-dark);\n }\n\n .bb-backgroundColor-gray-bp1 {\n background-color: var(--color-gray);\n }\n\n .bb-backgroundColor-lightGray-bp1 {\n background-color: var(--color-light-gray);\n }\n\n .bb-backgroundColor-info-bp1 {\n background-color: var(--color-info);\n }\n\n .bb-backgroundColor-primary-bp1 {\n background-color: var(--color-primary);\n }\n\n .bb-backgroundColor-secondary-bp1 {\n background-color: var(--color-secondary);\n }\n\n .bb-backgroundColor-success-bp1 {\n background-color: var(--color-success);\n }\n\n .bb-backgroundColor-warning-bp1 {\n background-color: var(--color-warning);\n }\n\n .bb-backgroundColor-white-bp1 {\n background-color: var(--color-white);\n }\n\n .bb-backgroundColor-card-bp1 {\n background-color: var(--color-card);\n }\n\n .bb-gridGap-gutter-bp1 {\n grid-gap: var(--space-gutter);\n }\n\n .bb-gridGap-xsmall-bp1 {\n grid-gap: var(--space-xsmall);\n }\n\n .bb-gridGap-small-bp1 {\n grid-gap: var(--space-small);\n }\n\n .bb-gridGap-medium-bp1 {\n grid-gap: var(--space-medium);\n }\n\n .bb-gridGap-large-bp1 {\n grid-gap: var(--space-large);\n }\n\n .bb-gridGap-xlarge-bp1 {\n grid-gap: var(--space-xlarge);\n }\n\n .bb-negativeMarginTop-gutter-bp1 {\n margin-top: calc(var(--space-gutter) * -1);\n }\n\n .bb-negativeMarginTop-xsmall-bp1 {\n margin-top: calc(var(--space-xsmall) * -1);\n }\n\n .bb-negativeMarginTop-small-bp1 {\n margin-top: calc(var(--space-small) * -1);\n }\n\n .bb-negativeMarginTop-medium-bp1 {\n margin-top: calc(var(--space-medium) * -1);\n }\n\n .bb-negativeMarginTop-large-bp1 {\n margin-top: calc(var(--space-large) * -1);\n }\n\n .bb-negativeMarginTop-xlarge-bp1 {\n margin-top: calc(var(--space-xlarge) * -1);\n }\n\n .bb-negativeMarginLeft-gutter-bp1 {\n margin-left: calc(var(--space-gutter) * -1);\n }\n\n .bb-negativeMarginLeft-xsmall-bp1 {\n margin-left: calc(var(--space-xsmall) * -1);\n }\n\n .bb-negativeMarginLeft-small-bp1 {\n margin-left: calc(var(--space-small) * -1);\n }\n\n .bb-negativeMarginLeft-medium-bp1 {\n margin-left: calc(var(--space-medium) * -1);\n }\n\n .bb-negativeMarginLeft-large-bp1 {\n margin-left: calc(var(--space-large) * -1);\n }\n\n .bb-negativeMarginLeft-xlarge-bp1 {\n margin-left: calc(var(--space-xlarge) * -1);\n }\n\n .bb-fontStyle-normal-bp1 {\n font-style: normal;\n }\n\n .bb-fontStyle-italic-bp1 {\n font-style: italic;\n }\n\n}\n\n@media (min-width: 800px) {\n .bb-alignItems-stretch-bp2 {\n align-items: stretch;\n }\n\n .bb-alignItems-center-bp2 {\n align-items: center;\n }\n\n .bb-alignItems-flex-start-bp2 {\n align-items: flex-start;\n }\n\n .bb-alignItems-flex-end-bp2 {\n align-items: flex-end;\n }\n\n .bb-alignItems-baseline-bp2 {\n align-items: baseline;\n }\n\n .bb-display-block-bp2 {\n display: block;\n }\n\n .bb-display-inline-bp2 {\n display: inline;\n }\n\n .bb-display-inline-block-bp2 {\n display: inline-block;\n }\n\n .bb-display-flex-bp2 {\n display: flex;\n }\n\n .bb-display-inline-flex-bp2 {\n display: inline-flex;\n }\n\n .bb-display-grid-bp2 {\n display: grid;\n }\n\n .bb-display-inline-grid-bp2 {\n display: inline-grid;\n }\n\n .bb-display-none-bp2 {\n display: none;\n }\n\n .bb-flexDirection-row-bp2 {\n flex-direction: row;\n }\n\n .bb-flexDirection-row-reverse-bp2 {\n flex-direction: row-reverse;\n }\n\n .bb-flexDirection-column-bp2 {\n flex-direction: column;\n }\n\n .bb-flexDirection-column-reverse-bp2 {\n flex-direction: column-reverse;\n }\n\n .bb-flexGrow-0-bp2 {\n flex-grow: 0;\n }\n\n .bb-flexGrow-1-bp2 {\n flex-grow: 1;\n }\n\n .bb-flexShrink-0-bp2 {\n flex-shrink: 0;\n }\n\n .bb-flexWrap-nowrap-bp2 {\n flex-wrap: nowrap;\n }\n\n .bb-flexWrap-wrap-bp2 {\n flex-wrap: wrap;\n }\n\n .bb-flexWrap-wrap-reverse-bp2 {\n flex-wrap: wrap-reverse;\n }\n\n .bb-height-full-bp2 {\n height: 100%;\n }\n\n .bb-justifyContent-flex-start-bp2 {\n justify-content: flex-start;\n }\n\n .bb-justifyContent-flex-end-bp2 {\n justify-content: flex-end;\n }\n\n .bb-justifyContent-center-bp2 {\n justify-content: center;\n }\n\n .bb-justifyContent-space-between-bp2 {\n justify-content: space-between;\n }\n\n .bb-justifyContent-space-around-bp2 {\n justify-content: space-around;\n }\n\n .bb-overflow-auto-bp2 {\n overflow: auto;\n }\n\n .bb-overflow-scroll-bp2 {\n overflow: scroll;\n }\n\n .bb-overflow-hidden-bp2 {\n overflow: hidden;\n }\n\n .bb-overflow-visible-bp2 {\n overflow: visible;\n }\n\n .bb-overflowX-auto-bp2 {\n overflow-x: auto;\n }\n\n .bb-overflowX-scroll-bp2 {\n overflow-x: scroll;\n }\n\n .bb-overflowX-hidden-bp2 {\n overflow-x: hidden;\n }\n\n .bb-overflowX-visible-bp2 {\n overflow-x: visible;\n }\n\n .bb-overflowY-auto-bp2 {\n overflow-y: auto;\n }\n\n .bb-overflowY-scroll-bp2 {\n overflow-y: scroll;\n }\n\n .bb-overflowY-hidden-bp2 {\n overflow-y: hidden;\n }\n\n .bb-overflowY-visible-bp2 {\n overflow-y: visible;\n }\n\n .bb-padding-gutter-bp2 {\n padding: var(--space-gutter);\n }\n\n .bb-padding-xsmall-bp2 {\n padding: var(--space-xsmall);\n }\n\n .bb-padding-small-bp2 {\n padding: var(--space-small);\n }\n\n .bb-padding-medium-bp2 {\n padding: var(--space-medium);\n }\n\n .bb-padding-large-bp2 {\n padding: var(--space-large);\n }\n\n .bb-padding-xlarge-bp2 {\n padding: var(--space-xlarge);\n }\n\n .bb-paddingBottom-gutter-bp2 {\n padding-bottom: var(--space-gutter);\n }\n\n .bb-paddingBottom-xsmall-bp2 {\n padding-bottom: var(--space-xsmall);\n }\n\n .bb-paddingBottom-small-bp2 {\n padding-bottom: var(--space-small);\n }\n\n .bb-paddingBottom-medium-bp2 {\n padding-bottom: var(--space-medium);\n }\n\n .bb-paddingBottom-large-bp2 {\n padding-bottom: var(--space-large);\n }\n\n .bb-paddingBottom-xlarge-bp2 {\n padding-bottom: var(--space-xlarge);\n }\n\n .bb-paddingLeft-gutter-bp2 {\n padding-left: var(--space-gutter);\n }\n\n .bb-paddingLeft-xsmall-bp2 {\n padding-left: var(--space-xsmall);\n }\n\n .bb-paddingLeft-small-bp2 {\n padding-left: var(--space-small);\n }\n\n .bb-paddingLeft-medium-bp2 {\n padding-left: var(--space-medium);\n }\n\n .bb-paddingLeft-large-bp2 {\n padding-left: var(--space-large);\n }\n\n .bb-paddingLeft-xlarge-bp2 {\n padding-left: var(--space-xlarge);\n }\n\n .bb-paddingRight-gutter-bp2 {\n padding-right: var(--space-gutter);\n }\n\n .bb-paddingRight-xsmall-bp2 {\n padding-right: var(--space-xsmall);\n }\n\n .bb-paddingRight-small-bp2 {\n padding-right: var(--space-small);\n }\n\n .bb-paddingRight-medium-bp2 {\n padding-right: var(--space-medium);\n }\n\n .bb-paddingRight-large-bp2 {\n padding-right: var(--space-large);\n }\n\n .bb-paddingRight-xlarge-bp2 {\n padding-right: var(--space-xlarge);\n }\n\n .bb-paddingTop-gutter-bp2 {\n padding-top: var(--space-gutter);\n }\n\n .bb-paddingTop-xsmall-bp2 {\n padding-top: var(--space-xsmall);\n }\n\n .bb-paddingTop-small-bp2 {\n padding-top: var(--space-small);\n }\n\n .bb-paddingTop-medium-bp2 {\n padding-top: var(--space-medium);\n }\n\n .bb-paddingTop-large-bp2 {\n padding-top: var(--space-large);\n }\n\n .bb-paddingTop-xlarge-bp2 {\n padding-top: var(--space-xlarge);\n }\n\n .bb-paddingX-gutter-bp2 {\n padding-left: var(--space-gutter);\n padding-right: var(--space-gutter);\n }\n\n .bb-paddingX-xsmall-bp2 {\n padding-left: var(--space-xsmall);\n padding-right: var(--space-xsmall);\n }\n\n .bb-paddingX-small-bp2 {\n padding-left: var(--space-small);\n padding-right: var(--space-small);\n }\n\n .bb-paddingX-medium-bp2 {\n padding-left: var(--space-medium);\n padding-right: var(--space-medium);\n }\n\n .bb-paddingX-large-bp2 {\n padding-left: var(--space-large);\n padding-right: var(--space-large);\n }\n\n .bb-paddingX-xlarge-bp2 {\n padding-left: var(--space-xlarge);\n padding-right: var(--space-xlarge);\n }\n\n .bb-paddingY-gutter-bp2 {\n padding-top: var(--space-gutter);\n padding-bottom: var(--space-gutter);\n }\n\n .bb-paddingY-xsmall-bp2 {\n padding-top: var(--space-xsmall);\n padding-bottom: var(--space-xsmall);\n }\n\n .bb-paddingY-small-bp2 {\n padding-top: var(--space-small);\n padding-bottom: var(--space-small);\n }\n\n .bb-paddingY-medium-bp2 {\n padding-top: var(--space-medium);\n padding-bottom: var(--space-medium);\n }\n\n .bb-paddingY-large-bp2 {\n padding-top: var(--space-large);\n padding-bottom: var(--space-large);\n }\n\n .bb-paddingY-xlarge-bp2 {\n padding-top: var(--space-xlarge);\n padding-bottom: var(--space-xlarge);\n }\n\n .bb-position-relative-bp2 {\n position: relative;\n }\n\n .bb-position-fixed-bp2 {\n position: fixed;\n }\n\n .bb-position-absolute-bp2 {\n position: absolute;\n }\n\n .bb-position-sticky-bp2 {\n position: sticky;\n }\n\n .bb-textAlign-left-bp2 {\n text-align: left;\n }\n\n .bb-textAlign-right-bp2 {\n text-align: right;\n }\n\n .bb-textAlign-center-bp2 {\n text-align: center;\n }\n\n .bb-textAlign-justify-bp2 {\n text-align: justify;\n }\n\n .bb-textTransform-capitalise-bp2 {\n text-transform: capitalize;\n }\n\n .bb-textTransform-none-bp2 {\n text-transform: none;\n }\n\n .bb-textTransform-uppercase-bp2 {\n text-transform: uppercase;\n }\n\n .bb-textTransform-lowercase-bp2 {\n text-transform: lowercase;\n }\n\n .bb-width-full-bp2 {\n width: 100%;\n }\n\n .bb-fontSize-xsmall-bp2 {\n font-size: var(--font-xsmall);\n }\n\n .bb-fontSize-small-bp2 {\n font-size: var(--font-small);\n }\n\n .bb-fontSize-medium-bp2 {\n font-size: var(--font-medium);\n }\n\n .bb-fontSize-large-bp2 {\n font-size: var(--font-large);\n }\n\n .bb-fontSize-xlarge-bp2 {\n font-size: var(--font-xlarge);\n }\n\n .bb-fontWeight-regular-bp2 {\n font-weight: 400;\n }\n\n .bb-fontWeight-bold-bp2 {\n font-weight: 700;\n }\n\n .bb-color-black-bp2 {\n color: var(--color-black);\n }\n\n .bb-color-danger-bp2 {\n color: var(--color-danger);\n }\n\n .bb-color-dark-bp2 {\n color: var(--color-dark);\n }\n\n .bb-color-gray-bp2 {\n color: var(--color-gray);\n }\n\n .bb-color-lightGray-bp2 {\n color: var(--color-light-gray);\n }\n\n .bb-color-info-bp2 {\n color: var(--color-info);\n }\n\n .bb-color-primary-bp2 {\n color: var(--color-primary);\n }\n\n .bb-color-secondary-bp2 {\n color: var(--color-secondary);\n }\n\n .bb-color-success-bp2 {\n color: var(--color-success);\n }\n\n .bb-color-warning-bp2 {\n color: var(--color-warning);\n }\n\n .bb-color-white-bp2 {\n color: var(--color-white);\n }\n\n .bb-color-card-bp2 {\n color: var(--color-card);\n }\n\n .bb-backgroundColor-black-bp2 {\n background-color: var(--color-black);\n }\n\n .bb-backgroundColor-danger-bp2 {\n background-color: var(--color-danger);\n }\n\n .bb-backgroundColor-dark-bp2 {\n background-color: var(--color-dark);\n }\n\n .bb-backgroundColor-gray-bp2 {\n background-color: var(--color-gray);\n }\n\n .bb-backgroundColor-lightGray-bp2 {\n background-color: var(--color-light-gray);\n }\n\n .bb-backgroundColor-info-bp2 {\n background-color: var(--color-info);\n }\n\n .bb-backgroundColor-primary-bp2 {\n background-color: var(--color-primary);\n }\n\n .bb-backgroundColor-secondary-bp2 {\n background-color: var(--color-secondary);\n }\n\n .bb-backgroundColor-success-bp2 {\n background-color: var(--color-success);\n }\n\n .bb-backgroundColor-warning-bp2 {\n background-color: var(--color-warning);\n }\n\n .bb-backgroundColor-white-bp2 {\n background-color: var(--color-white);\n }\n\n .bb-backgroundColor-card-bp2 {\n background-color: var(--color-card);\n }\n\n .bb-gridGap-gutter-bp2 {\n grid-gap: var(--space-gutter);\n }\n\n .bb-gridGap-xsmall-bp2 {\n grid-gap: var(--space-xsmall);\n }\n\n .bb-gridGap-small-bp2 {\n grid-gap: var(--space-small);\n }\n\n .bb-gridGap-medium-bp2 {\n grid-gap: var(--space-medium);\n }\n\n .bb-gridGap-large-bp2 {\n grid-gap: var(--space-large);\n }\n\n .bb-gridGap-xlarge-bp2 {\n grid-gap: var(--space-xlarge);\n }\n\n .bb-negativeMarginTop-gutter-bp2 {\n margin-top: calc(var(--space-gutter) * -1);\n }\n\n .bb-negativeMarginTop-xsmall-bp2 {\n margin-top: calc(var(--space-xsmall) * -1);\n }\n\n .bb-negativeMarginTop-small-bp2 {\n margin-top: calc(var(--space-small) * -1);\n }\n\n .bb-negativeMarginTop-medium-bp2 {\n margin-top: calc(var(--space-medium) * -1);\n }\n\n .bb-negativeMarginTop-large-bp2 {\n margin-top: calc(var(--space-large) * -1);\n }\n\n .bb-negativeMarginTop-xlarge-bp2 {\n margin-top: calc(var(--space-xlarge) * -1);\n }\n\n .bb-negativeMarginLeft-gutter-bp2 {\n margin-left: calc(var(--space-gutter) * -1);\n }\n\n .bb-negativeMarginLeft-xsmall-bp2 {\n margin-left: calc(var(--space-xsmall) * -1);\n }\n\n .bb-negativeMarginLeft-small-bp2 {\n margin-left: calc(var(--space-small) * -1);\n }\n\n .bb-negativeMarginLeft-medium-bp2 {\n margin-left: calc(var(--space-medium) * -1);\n }\n\n .bb-negativeMarginLeft-large-bp2 {\n margin-left: calc(var(--space-large) * -1);\n }\n\n .bb-negativeMarginLeft-xlarge-bp2 {\n margin-left: calc(var(--space-xlarge) * -1);\n }\n\n .bb-fontStyle-normal-bp2 {\n font-style: normal;\n }\n\n .bb-fontStyle-italic-bp2 {\n font-style: italic;\n }\n\n}",".Button {\n appearance: none;\n border-radius: 100px;\n cursor: pointer;\n transition: background-color 0.2s, color 0.2s;\n border: none;\n outline: none;\n user-select: none;\n min-height: 36px;\n\n &:focus {\n box-shadow: var(--outline);\n }\n\n &.is-disabled {\n pointer-events: none;\n }\n\n /* TODO Replace this with a solid solution.. */\n /* .Icon + *,\n * + .Icon {\n margin-left: var(--space-xsmall);\n } */\n}\n",".Card {\n width: 100%;\n border-radius: 4px;\n margin: 0;\n outline: 0;\n\n &.is-clickable {\n cursor: pointer;\n }\n\n &:focus {\n box-shadow: var(--outline);\n }\n\n &.shadow-1 {\n box-shadow: var(--shadow-1);\n\n &:focus {\n box-shadow: var(--shadow-1), var(--outline);\n }\n }\n\n &.shadow-2 {\n box-shadow: var(--shadow-2);\n\n &:focus {\n box-shadow: var(--shadow-2), var(--outline);\n }\n }\n\n &.shadow-3 {\n box-shadow: var(--shadow-3);\n\n &:focus {\n box-shadow: var(--shadow-3), var(--outline);\n }\n }\n}\n",".Icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n line-height: 0;\n\n & svg,\n & svg path {\n fill: currentColor;\n }\n\n &.size-xsmall,\n &.size-xsmall svg {\n max-width: 16px;\n max-height: 16px;\n }\n\n &.size-small,\n &.size-small svg {\n max-width: 20px;\n max-height: 20px;\n }\n\n &.size-medium,\n &.size-medium svg {\n max-width: 26px;\n max-height: 26px;\n }\n\n &.size-large,\n &.size-large svg {\n max-width: 42px;\n max-height: 42px;\n }\n}\n",".IconButton {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n margin: 0;\n border: 0;\n background-color: transparent;\n border-radius: 50%;\n cursor: pointer;\n width: 30px;\n height: 30px;\n\n &:focus {\n box-shadow: var(--outline);\n }\n\n &.is-disabled {\n color: green;\n }\n}\n","/* .Stack > * + * {\n margin-top: 10px;\n} */\n\n.Stack > :empty {\n display: none;\n}\n",".DialogContainer {\n contain: layout;\n z-index: 200;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.DialogBack {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.2);\n opacity: 0;\n animation-name: DialogBack-Enter;\n animation-duration: 200ms;\n animation-fill-mode: both;\n\n &.is-leave {\n animation-name: DialogBack-Leave;\n }\n}\n\n@keyframes DialogBack-Enter {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes DialogBack-Leave {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.Dialog {\n background-color: #ffff;\n overflow: hidden;\n border: 1px solid #f0f3f4;\n border-radius: 4px;\n opacity: 0;\n transform: translateY(20%);\n min-height: 40px;\n max-height: 94%;\n min-width: 94%;\n max-width: 94%;\n animation-name: Dialog-Enter;\n animation-duration: 200ms;\n animation-fill-mode: both;\n\n &.is-leave {\n animation-name: Dialog-Leave;\n }\n\n @media (max-height: 400px) {\n max-height: 96%;\n }\n\n @media (min-width: 340px) {\n min-width: 320px;\n }\n\n @media (min-width: 620px) {\n max-width: 600px;\n }\n}\n\n@keyframes Dialog-Enter {\n 0% {\n opacity: 0;\n transform: translateY(20%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes Dialog-Leave {\n 0% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n transform: translateY(20%);\n }\n}\n",".Divider {\n border-width: 0;\n border-top: 1px solid var(--color-light-gray);\n margin: 0;\n margin: var(--gutter-large) 0;\n}\n",".Drawer {\n visibility: hidden;\n position: fixed;\n top: 0;\n width: 100%;\n height: 100%;\n max-width: 256px;\n background-color: #fff;\n opacity: 0;\n transition-property: visibility, opacity, transform;\n transition-duration: 300ms;\n\n &.position-left {\n left: 0;\n transform: translateX(-100%);\n }\n\n &.position-right {\n right: 0;\n transform: translateX(100%);\n }\n\n &.is-open {\n visibility: visible;\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.Drawer-Back {\n visibility: hidden;\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.2);\n opacity: 0;\n transition-property: visibility, opacity;\n transition-duration: 300ms;\n\n &.is-open {\n visibility: visible;\n opacity: 1;\n }\n}\n",".Dropdown-select {\n appearance: none;\n border: 1px solid #ebebeb;\n background-color: #fff;\n font-family: inherit;\n outline: 0;\n margin: 0;\n border-radius: 4px;\n\n &.is-invalid {\n border-color: var(--color-warning);\n }\n\n &:focus {\n box-shadow: var(--outline);\n }\n}\n\n.Dropdown-icon {\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n}\n",".FlatButton {\n display: flex;\n justify-content: center;\n align-items: center;\n appearance: none;\n border-radius: 4px;\n cursor: pointer;\n text-transform: uppercase;\n background-color: transparent;\n border: none;\n line-height: 1;\n outline: 0;\n user-select: none;\n\n &:focus {\n box-shadow: var(--outline);\n }\n\n &.is-disabled {\n pointer-events: none;\n }\n}\n",".Link {\n cursor: pointer;\n text-decoration: none;\n}\n",".Loader .Icon {\n animation: BlockleUi-Spin 1s ease-in-out 0s infinite both;\n}\n\n@keyframes BlockleUi-Spin {\n 0% {\n transform: rotateZ(0deg);\n }\n\n 80% {\n transform: rotateZ(359deg);\n }\n\n 100% {\n transform: rotateZ(360deg);\n }\n}\n",".OutlineButton {\n appearance: none;\n border-radius: 100px;\n cursor: pointer;\n background-color: transparent;\n border: 1px solid var(--color-primary);\n outline: 0;\n user-select: none;\n transition: border-color 160ms, color 160ms;\n\n &:focus {\n box-shadow: var(--outline);\n }\n\n &.is-disabled {\n pointer-events: none;\n border: 1px solid var(--color-light-gray);\n }\n}\n\n.OutlineButton > * + .Icon,\n.OutlineButton > .Icon + * {\n margin-left: var(--space-small);\n}\n",".Panel-Container {\n contain: layout;\n z-index: 200;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.Panel-Back {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.1);\n opacity: 0;\n animation-name: Panel-Back-Enter;\n animation-duration: 280ms;\n animation-fill-mode: both;\n\n &.is-leave {\n animation-name: Panel-Back-Leave;\n }\n}\n\n@keyframes Panel-Back-Enter {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes Panel-Back-Leave {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.Panel {\n border-radius: 24px 24px 0 0;\n overflow: hidden;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n background: #fff;\n box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.1);\n padding: var(--gutter-large) var(--gutter-large) var(--gutter-small) var(--gutter-large);\n animation-name: Dialog-Enter;\n animation-duration: 280ms;\n animation-fill-mode: both;\n\n &.is-leave {\n animation-name: Panel-Leave;\n }\n}\n\n@keyframes Panel-Enter {\n 0% {\n opacity: 0;\n transform: translateY(20%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes Panel-Leave {\n 0% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n transform: translateY(20%);\n }\n}\n",".Paper {\n display: flex;\n flex-direction: column;\n padding: 0;\n opacity: 0;\n background-color: #fff;\n transition-property: opacity, transform;\n will-change: transform, opacity;\n\n &.is-fit {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n }\n\n &.is-transparent {\n background-color: none;\n }\n\n &.is-shadow {\n box-shadow: 0 4px 24px 0 rgba(37, 38, 94, 0.1);\n }\n\n &.effect-fade {\n animation-name: Paper-FadeEnter;\n animation-duration: 280ms;\n animation-fill-mode: both;\n\n &.is-leave {\n animation-name: Paper-FadeLeave;\n }\n }\n\n &.effect-slideUp {\n animation-name: Paper-SlideUpEnter;\n animation-duration: 280ms;\n animation-fill-mode: both;\n\n &.is-leave {\n animation-name: Paper-SlideUpLeave;\n }\n }\n}\n\n@keyframes Paper-FadeEnter {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes Paper-FadeLeave {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes Paper-SlideUpEnter {\n 0% {\n opacity: 0;\n transform: scale(0.96) translateY(10%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes Paper-SlideUpLeave {\n 0% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n transform: scale(0.92) translateY(16%);\n }\n}\n",".Text {\n margin: 0;\n padding: 0;\n}\n",".Tag {\n border-radius: 80px;\n border: 1px solid var(--color-primary);\n outline: 0;\n cursor: pointer;\n transition: background-color 0.2s;\n user-select: none;\n\n &:hover {\n background-color: rgb(77, 161, 255, 0.1);\n }\n\n &:active,\n &:focus {\n box-shadow: var(--outline);\n }\n}\n",".TextField {\n &.is-disabled {\n opacity: 0.4;\n }\n}\n\n.TextField-Label {\n display: block;\n position: absolute;\n left: var(--space-small);\n top: -10px;\n transition: transform 200ms cubic-bezier(0, 0, 0.4, 1), opacity 200ms cubic-bezier(0, 0, 0.4, 1),\n color 80ms cubic-bezier(0, 0, 0.4, 1), visibility 200ms;\n transform: scale(1.1);\n transform-origin: left;\n opacity: 0;\n\n &.is-visible {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n.TextField-Input {\n appearance: none;\n position: relative;\n width: 100%;\n background-color: transparent;\n border: 1px solid var(--color-gray);\n outline: 0;\n font-family: inherit;\n font-size: var(--font-medium);\n margin: 0;\n padding: var(--space-medium);\n border-radius: 4px;\n color: var(--color-gray);\n -webkit-text-fill-color: var(--color-gray);\n transition: border-color 160ms cubic-bezier(0, 0, 0.4, 1);\n\n &:-webkit-autofill {\n -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 1) inset;\n }\n\n &:focus {\n box-shadow: var(--outline);\n border: 1px solid var(--color-primary);\n }\n\n &:focus,\n &.is-filled {\n color: var(--color-black);\n -webkit-text-fill-color: var(--color-black);\n }\n\n &.is-invalid {\n border: 1px solid var(--color-warning);\n }\n}\n\n.TextField-Bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n}\n\n/* https://stackoverflow.com/questions/29580704/change-input-background-to-transparent-on-autocomplete-form */\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n transition: background-color 50000s ease-in-out 0s;\n -webkit-text-fill-color: var(--color-dark) !important;\n}\n"]}
package/dist/cx.d.ts DELETED
@@ -1,3 +0,0 @@
1
- declare type Args = null | undefined | boolean | string;
2
- export declare const cx: (...args: Args[]) => string;
3
- export {};
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom/extend-expect';
@@ -1 +0,0 @@
1
- export { useAnimationState } from './useAnimationState';
@@ -1,6 +0,0 @@
1
- declare type UseAnimationState = [{
2
- open: boolean;
3
- leave: boolean;
4
- }, () => void];
5
- export declare const useAnimationState: (nextOpenState: boolean) => UseAnimationState;
6
- export {};
@@ -1,14 +0,0 @@
1
- interface Transform {
2
- property: 'opacity' | 'transform';
3
- from?: string;
4
- to?: string;
5
- }
6
- export interface Animate {
7
- element: HTMLElement;
8
- transforms: Transform[];
9
- duration?: number;
10
- timingFunction?: string;
11
- done?: () => void;
12
- }
13
- export declare const animate: ({ element, transforms, duration, timingFunction, done, }: Animate) => void;
14
- export {};
@@ -1 +0,0 @@
1
- export { useFlip } from './useFlip';
@@ -1,8 +0,0 @@
1
- interface FlipOptions {
2
- axis?: 'x' | 'y' | 'both';
3
- }
4
- export declare const useFlip: ({ axis }?: FlipOptions) => {
5
- setRef: (id: string) => (ref: HTMLElement | null) => void;
6
- remove: (id: string, callback: () => void) => void;
7
- };
8
- export {};
@@ -1 +0,0 @@
1
- export { useLayer } from './useLayer';
@@ -1 +0,0 @@
1
- export declare const useLayer: () => () => HTMLDivElement;
@@ -1,34 +0,0 @@
1
- export declare type ResponsiveStyleProp<T extends string | number> = T | T[];
2
- export interface StyleProps {
3
- alignItems?: ResponsiveStyleProp<'stretch' | 'center' | 'flex-start' | 'flex-end' | 'baseline'>;
4
- display?: ResponsiveStyleProp<'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'none'>;
5
- flexDirection?: ResponsiveStyleProp<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
6
- flexGrow?: ResponsiveStyleProp<0 | 1>;
7
- flexShrink?: ResponsiveStyleProp<0>;
8
- flexWrap?: ResponsiveStyleProp<'nowrap' | 'wrap' | 'wrap-reverse'>;
9
- height?: ResponsiveStyleProp<'full'>;
10
- justifyContent?: ResponsiveStyleProp<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around'>;
11
- overflow?: ResponsiveStyleProp<'auto' | 'scroll' | 'hidden' | 'visible'>;
12
- overflowX?: ResponsiveStyleProp<'auto' | 'scroll' | 'hidden' | 'visible'>;
13
- overflowY?: ResponsiveStyleProp<'auto' | 'scroll' | 'hidden' | 'visible'>;
14
- padding?: ResponsiveStyleProp<'gutter' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
15
- paddingBottom?: ResponsiveStyleProp<'gutter' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
16
- paddingLeft?: ResponsiveStyleProp<'gutter' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
17
- paddingRight?: ResponsiveStyleProp<'gutter' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
18
- paddingTop?: ResponsiveStyleProp<'gutter' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
19
- paddingX?: ResponsiveStyleProp<'gutter' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
20
- paddingY?: ResponsiveStyleProp<'gutter' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
21
- position?: ResponsiveStyleProp<'relative' | 'fixed' | 'absolute' | 'sticky'>;
22
- textAlign?: ResponsiveStyleProp<'left' | 'right' | 'center' | 'justify'>;
23
- textTransform?: ResponsiveStyleProp<'capitalise' | 'none' | 'uppercase' | 'lowercase'>;
24
- width?: ResponsiveStyleProp<'full'>;
25
- fontSize?: ResponsiveStyleProp<'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
26
- fontWeight?: ResponsiveStyleProp<'regular' | 'bold'>;
27
- color?: ResponsiveStyleProp<'black' | 'danger' | 'dark' | 'gray' | 'lightGray' | 'info' | 'primary' | 'secondary' | 'success' | 'warning' | 'white' | 'card'>;
28
- backgroundColor?: ResponsiveStyleProp<'black' | 'danger' | 'dark' | 'gray' | 'lightGray' | 'info' | 'primary' | 'secondary' | 'success' | 'warning' | 'white' | 'card'>;
29
- gridGap?: ResponsiveStyleProp<'gutter' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
30
- negativeMarginTop?: ResponsiveStyleProp<'gutter' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
31
- negativeMarginLeft?: ResponsiveStyleProp<'gutter' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
32
- fontStyle?: ResponsiveStyleProp<'normal' | 'italic'>;
33
- }
34
- export declare type PickStyleProps<T extends keyof StyleProps> = Partial<Pick<StyleProps, T>>;
@@ -1,2 +0,0 @@
1
- export { PickStyleProps, ResponsiveStyleProp, StyleProps } from './blocks';
2
- export { useStyles } from './useStyles';
@@ -1,3 +0,0 @@
1
- import './blockle-blocks.css';
2
- import { StyleProps } from './blocks';
3
- export declare const useStyles: (styles: StyleProps) => string;
@@ -1,11 +0,0 @@
1
- interface AnimateCSS {
2
- target: HTMLElement;
3
- opacity?: number;
4
- transform?: string;
5
- duration?: number;
6
- onComplete?: (target: HTMLElement) => void;
7
- timingFunction?: string;
8
- }
9
- export declare type AimateCssUnlisten = ReturnType<typeof animateCss>;
10
- export declare const animateCss: (o: AnimateCSS) => () => void;
11
- export {};
@@ -1 +0,0 @@
1
- export * from './animateCss';
@@ -1,6 +0,0 @@
1
- interface Position {
2
- x: number;
3
- y: number;
4
- }
5
- export declare const getEventPosition: (event: TouchEvent | MouseEvent | React.TouchEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement>) => Position;
6
- export {};
@@ -1 +0,0 @@
1
- export * from './animate';