@pega/cosmos-react-core 5.0.0-dev.4.7 → 5.0.0-dev.4.8

package/lib/components/EmojiPicker/EmojiPicker.styles.js

@@ -1,516 +0,0 @@
-import { hideVisually, transparentize } from 'polished';
-import styled, { css } from 'styled-components';
-import { getHoverColors, calculateFontSize } from '../../styles';
-import { defaultThemeProp } from '../../theme';
-const StyledEmojiPicker = styled.div(({ showFooter, theme: { base: { animation: { speed, timing }, 'font-size': fontSize, 'font-scale': fontScale, 'font-family': fontFamily, 'font-weight': fontWeight, palette, shadow: { focus: focusShadow }, spacing, 'border-radius': borderRadius, transparency }, components: { 'search-input': { 'border-radius': searchInputRadius } } } }) => {
-    const hoverColor = getHoverColors(palette['primary-background']).background;
-    const secondaryTextColor = transparentize(1 - transparency['transparent-2'], palette['foreground-color']);
-    const fontSizes = calculateFontSize(fontSize, fontScale);
-    return css `
-      /* stylelint-disable no-descending-specificity */
-      /* stylelint-disable no-duplicate-selectors */
-      /* stylelint-disable selector-max-class */
-      border-radius: inherit;
-
-      .emoji-mart,
-      .emoji-mart * {
-        box-sizing: border-box;
-        line-height: 1.15;
-      }
-
-      .emoji-mart {
-        font-family: ${fontFamily};
-        font-size: ${fontSizes.l};
-        display: inline-block;
-        color: ${palette['foreground-color']};
-        border: 0.0625rem solid ${palette['border-line']};
-        border-radius: inherit;
-        background: ${palette['primary-background']};
-      }
-
-      .emoji-mart .emoji-mart-emoji {
-        padding: calc(0.75 * ${spacing});
-      }
-
-      .emoji-mart-bar {
-        border: 0 solid ${palette['border-line']};
-      }
-      .emoji-mart-bar:first-child {
-        border-bottom-width: 0.0625rem;
-        border-top-left-radius: inherit;
-        border-top-right-radius: inherit;
-      }
-      .emoji-mart-bar:last-child {
-        border-top-width: 0.0625rem;
-        border-bottom-left-radius: inherit;
-        border-bottom-right-radius: inherit;
-        ${!showFooter &&
-        css `
-          display: none;
-        `}
-      }
-
-      .emoji-mart-anchors {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        padding: 0 calc(0.75 * ${spacing});
-        line-height: 0;
-      }
-
-      .emoji-mart-anchor {
-        position: relative;
-        display: block;
-        flex: 1 1 auto;
-        color: ${secondaryTextColor};
-        text-align: center;
-        padding: calc(1.5 * ${spacing}) calc(0.5 * ${spacing});
-        overflow: hidden;
-        transition: color calc(0.4 * ${speed}) ${timing['ease-out']};
-        margin: 0;
-        box-shadow: none;
-        background: none;
-        border: none;
-      }
-      .emoji-mart-anchor:focus {
-        outline: 0;
-      }
-      .emoji-mart-anchor:hover,
-      .emoji-mart-anchor:focus,
-      .emoji-mart-anchor-selected {
-        color: ${palette.interactive};
-      }
-
-      .emoji-mart-anchor-selected .emoji-mart-anchor-bar {
-        bottom: 0;
-      }
-
-      .emoji-mart-anchor-bar {
-        position: absolute;
-        bottom: calc(-0.375 * ${spacing});
-        left: 0;
-        width: 100%;
-        height: calc(0.375 * ${spacing});
-        background-color: ${palette.interactive};
-      }
-
-      .emoji-mart-anchors i {
-        display: inline-block;
-        width: 100%;
-        max-width: calc(2.75 * ${spacing});
-      }
-
-      .emoji-mart-anchors svg,
-      .emoji-mart-anchors img {
-        fill: currentColor;
-        height: calc(2.25 * ${spacing});
-        width: calc(2.25 * ${spacing});
-      }
-
-      .emoji-mart-scroll {
-        overflow-y: scroll;
-        overflow-x: hidden;
-        height: 16.875rem;
-        padding: 0 calc(0.75 * ${spacing});
-        will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
-      }
-
-      .emoji-mart-search {
-        padding: ${spacing};
-        position: relative;
-      }
-
-      .emoji-mart-search input {
-        font-size: ${fontSizes.l};
-        color: ${palette['foreground-color']};
-        display: block;
-        width: 100%;
-        padding: calc(0.625 * ${spacing}) calc(3.125 * ${spacing}) calc(0.75 * ${spacing})
-          calc(1.25 * ${spacing});
-        border-radius: calc(${borderRadius} * ${searchInputRadius});
-        border: 0.0625rem solid ${palette['border-line']};
-        background-color: ${palette['primary-background']};
-        outline: 0;
-      }
-
-      .emoji-mart-search input:hover {
-        border-color: ${palette['foreground-color']};
-      }
-
-      .emoji-mart-search input,
-      .emoji-mart-search input::-webkit-search-decoration,
-      .emoji-mart-search input::-webkit-search-cancel-button,
-      .emoji-mart-search input::-webkit-search-results-button,
-      .emoji-mart-search input::-webkit-search-results-decoration {
-        /*
-          remove webkit/blink styles for <input type="search">
-          via https://stackoverflow.com/a/9422689
-        */
-        -webkit-appearance: none;
-      }
-
-      .emoji-mart-search-icon {
-        position: absolute;
-        top: calc(1.875 * ${spacing});
-        right: calc(2.25 * ${spacing});
-        z-index: 2;
-        border: none;
-        background: none;
-      }
-
-      .emoji-mart-search-icon svg {
-        fill: ${secondaryTextColor};
-      }
-
-      .emoji-mart-category .emoji-mart-emoji span {
-        z-index: 1;
-        position: relative;
-        text-align: center;
-        cursor: default;
-      }
-
-      .emoji-mart-category .emoji-mart-emoji:hover::before {
-        z-index: 0;
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: ${hoverColor};
-        border-radius: 100%;
-      }
-
-      .emoji-mart-category-label {
-        z-index: 2;
-        top: 0;
-
-        /* stylelint-disable declaration-block-no-duplicate-properties */
-        position: relative;
-        position: -webkit-sticky;
-        position: sticky;
-        /* stylelint-enable declaration-block-no-duplicate-properties */
-      }
-
-      .emoji-mart-category-label span {
-        display: block;
-        width: 100%;
-        font-weight: ${fontWeight['semi-bold']};
-        padding: ${spacing} calc(0.25 * ${spacing});
-        background-color: ${transparentize(0.05, palette['primary-background'])};
-      }
-
-      .emoji-mart-category-list {
-        margin: 0;
-        padding: calc(0.375 * ${spacing}) 0;
-      }
-
-      .emoji-mart-category-list li {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-        display: inline-block;
-      }
-
-      .emoji-mart-emoji {
-        position: relative;
-        display: inline-block;
-        font-size: 0;
-        margin: 0;
-        padding: 0;
-        border: none;
-        background: none;
-        box-shadow: none;
-      }
-
-      .emoji-mart-emoji-native {
-        /* stylelint-disable font-family-no-missing-generic-family-keyword */
-        font-family: 'Segoe UI Emoji', 'Segoe UI Symbol', 'Segoe UI', 'Apple Color Emoji',
-          'Twemoji Mozilla', 'Noto Color Emoji', 'Android Emoji'; /* cspell:disable-line */
-        /* stylelint-enable font-family-no-missing-generic-family-keyword */
-      }
-
-      .emoji-mart-category .emoji-mart-emoji:focus,
-      .emoji-mart-category .emoji-mart-emoji-native:focus,
-      .emoji-mart-skin:focus,
-      .emoji-mart-search input:focus {
-        outline: 0;
-        border-color: transparent;
-        box-shadow: ${focusShadow};
-      }
-
-      .emoji-mart-category .emoji-mart-emoji:focus,
-      .emoji-mart-category .emoji-mart-emoji-native:focus {
-        border-radius: 100%;
-      }
-
-      .emoji-mart-no-results {
-        font-size: ${fontSizes.s};
-        text-align: center;
-        padding-top: 4.375rem;
-        color: ${secondaryTextColor};
-      }
-      .emoji-mart-no-results-img {
-        display: block;
-        margin-left: auto;
-        margin-right: auto;
-        width: 50%;
-      }
-      .emoji-mart-no-results .emoji-mart-category-label {
-        display: none;
-      }
-      .emoji-mart-no-results .emoji-mart-no-results-label {
-        margin-top: 0.2em;
-      }
-      .emoji-mart-no-results .emoji-mart-emoji:hover::before {
-        content: none;
-      }
-
-      .emoji-mart-preview {
-        position: relative;
-        min-height: 2.5rem;
-        height: fit-content;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-      }
-
-      .emoji-mart-preview-emoji {
-        left: calc(1.5 * ${spacing});
-      }
-
-      .emoji-mart-preview-data {
-        left: calc(8.5 * ${spacing});
-        right: calc(1.5 * ${spacing});
-        word-break: break-all;
-        flex: 1;
-      }
-
-      .emoji-mart-preview-skins {
-        position: absolute;
-        right: calc(3.75 * ${spacing});
-        text-align: right;
-      }
-
-      .emoji-mart-preview-skins.custom {
-        right: calc(1.25 * ${spacing});
-        text-align: right;
-      }
-
-      .emoji-mart-preview-name {
-        font-size: ${fontSizes.s};
-      }
-
-      .emoji-mart-preview-shortname {
-        font-size: ${fontSizes.xxs};
-        color: ${secondaryTextColor};
-      }
-      .emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
-      .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
-      .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
-        margin-left: 0.5em;
-      }
-
-      .emoji-mart-preview-emoticon {
-        font-size: ${fontSizes.xxs};
-        color: ${secondaryTextColor};
-      }
-
-      .emoji-mart-title span {
-        display: inline-block;
-        vertical-align: middle;
-      }
-
-      .emoji-mart-title .emoji-mart-emoji {
-        padding: 0;
-      }
-
-      .emoji-mart-title-label {
-        color: ${secondaryTextColor};
-        font-size: ${fontSizes.xxl};
-        font-weight: ${fontWeight.normal};
-      }
-
-      .emoji-mart-skin-swatches {
-        font-size: 0;
-        padding: calc(0.25 * ${spacing}) 0;
-        border: 0.0625rem solid ${palette['border-line']};
-        border-radius: calc(1.5 * ${spacing});
-        background-color: ${palette['secondary-background']};
-      }
-
-      .emoji-mart-skin-swatches.custom {
-        font-size: 0;
-        border: none;
-        background-color: ${palette['secondary-background']};
-      }
-
-      .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
-        width: calc(2 * ${spacing});
-        padding: 0 calc(0.25 * ${spacing});
-      }
-
-      .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected::after {
-        opacity: ${transparency['transparent-2']};
-      }
-
-      .emoji-mart-skin-swatch {
-        display: inline-block;
-        width: 0;
-        vertical-align: middle;
-        transition-property: width, padding;
-        transition-duration: calc(0.5 * ${speed});
-        transition-timing-function: ${timing['ease-out']};
-      }
-
-      .emoji-mart-skin-swatch:nth-child(1) {
-        transition-delay: 0s;
-      }
-      .emoji-mart-skin-swatch:nth-child(2) {
-        transition-delay: 0.03s;
-      }
-      .emoji-mart-skin-swatch:nth-child(3) {
-        transition-delay: 0.06s;
-      }
-      .emoji-mart-skin-swatch:nth-child(4) {
-        transition-delay: 0.09s;
-      }
-      .emoji-mart-skin-swatch:nth-child(5) {
-        transition-delay: 0.12s;
-      }
-      .emoji-mart-skin-swatch:nth-child(6) {
-        transition-delay: 0.15s;
-      }
-
-      .emoji-mart-skin-swatch.selected {
-        position: relative;
-        width: calc(2 * ${spacing});
-        padding: 0 calc(0.25 * ${spacing});
-      }
-
-      .emoji-mart-skin-swatch.selected::after {
-        content: '';
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        width: calc(0.5 * ${spacing});
-        height: calc(0.5 * ${spacing});
-        margin: calc(-0.25 * ${spacing}) 0 0 calc(-0.25 * ${spacing});
-        background-color: ${palette['primary-background']};
-        border-radius: 100%;
-        pointer-events: none;
-        opacity: 0;
-        transition: opacity ${speed} ${timing['ease-out']};
-      }
-
-      .emoji-mart-skin-swatch.custom {
-        display: inline-block;
-        width: 0;
-        height: 2.375rem;
-        overflow: hidden;
-        vertical-align: middle;
-        transition-property: width, height;
-        transition-duration: calc(0.5 * ${speed});
-        transition-timing-function: ${timing['ease-out']};
-        cursor: default;
-      }
-
-      .emoji-mart-skin-swatch.custom.selected {
-        position: relative;
-        width: 2.25rem;
-        height: 2.375rem;
-        padding: 0 calc(0.25 * ${spacing}) 0 0;
-      }
-
-      .emoji-mart-skin-swatch.custom.selected::after {
-        content: '';
-        width: 0;
-        height: 0;
-      }
-
-      .emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
-        background-color: ${palette['primary-background']};
-        border-radius: 10%;
-      }
-
-      .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
-        width: 2.25rem;
-        height: 2.375rem;
-        padding: 0 calc(0.25 * ${spacing}) 0 0;
-      }
-
-      .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected::after {
-        opacity: ${transparency['transparent-2']};
-      }
-
-      .emoji-mart-skin-text.opened {
-        display: inline-block;
-        vertical-align: middle;
-        text-align: left;
-        color: ${secondaryTextColor};
-        font-size: ${fontSizes.xxs};
-        padding: calc(0.625 * ${spacing}) calc(0.25 * ${spacing});
-        width: 6rem;
-        height: 2.5rem;
-        border-radius: 10%;
-        background-color: ${palette['primary-background']};
-      }
-
-      .emoji-mart-skin {
-        display: inline-block;
-        width: 100%;
-        padding-top: 100%;
-        max-width: calc(1.5 * ${spacing});
-        border-radius: 100%;
-      }
-
-      .emoji-mart-skin-tone-1 {
-        background-color: #ffc93a;
-      }
-      .emoji-mart-skin-tone-2 {
-        background-color: #fadcbc;
-      }
-      .emoji-mart-skin-tone-3 {
-        background-color: #e0bb95;
-      }
-      .emoji-mart-skin-tone-4 {
-        background-color: #bf8f68;
-      }
-      .emoji-mart-skin-tone-5 {
-        background-color: #9b643d;
-      }
-      .emoji-mart-skin-tone-6 {
-        background-color: #594539;
-      }
-
-      /* For screen readers only */
-      .emoji-mart-sr-only {
-        ${hideVisually}
-      }
-
-      /*
-        https://github.com/missive/emoji-mart/issues/319
-        https://github.com/missive/emoji-mart/pull/442
-      */
-      .emoji-mart-emoji-native {
-        height: var(--emoji-size);
-        width: var(--emoji-size);
-        position: relative;
-        display: inline-block;
-        box-sizing: content-box;
-        vertical-align: bottom;
-      }
-
-      .emoji-mart-emoji-native > span {
-        position: absolute !important;
-        top: 50%;
-        left: 50%;
-        height: initial !important;
-        width: initial !important;
-        transform: translate(-50%, -50%);
-      }
-    `;
-});
-StyledEmojiPicker.defaultProps = defaultThemeProp;
-export default StyledEmojiPicker;
-//# sourceMappingURL=EmojiPicker.styles.js.map

package/lib/components/EmojiPicker/EmojiPicker.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiPicker.styles.js","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPicker.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { hideVisually, transparentize } from 'polished';\nimport styled, { css } from 'styled-components';\n\nimport { getHoverColors, calculateFontSize } from '../../styles';\nimport { defaultThemeProp } from '../../theme';\n\nconst StyledEmojiPicker = styled.div<{ showFooter: boolean }>(\n  ({\n    showFooter,\n    theme: {\n      base: {\n        animation: { speed, timing },\n        'font-size': fontSize,\n        'font-scale': fontScale,\n        'font-family': fontFamily,\n        'font-weight': fontWeight,\n        palette,\n        shadow: { focus: focusShadow },\n        spacing,\n        'border-radius': borderRadius,\n        transparency\n      },\n      components: {\n        'search-input': { 'border-radius': searchInputRadius }\n      }\n    }\n  }) => {\n    const hoverColor = getHoverColors(palette['primary-background']).background;\n    const secondaryTextColor = transparentize(\n      1 - transparency['transparent-2'],\n      palette['foreground-color']\n    );\n\n    const fontSizes = calculateFontSize(fontSize, fontScale);\n\n    return css`\n      /* stylelint-disable no-descending-specificity */\n      /* stylelint-disable no-duplicate-selectors */\n      /* stylelint-disable selector-max-class */\n      border-radius: inherit;\n\n      .emoji-mart,\n      .emoji-mart * {\n        box-sizing: border-box;\n        line-height: 1.15;\n      }\n\n      .emoji-mart {\n        font-family: ${fontFamily};\n        font-size: ${fontSizes.l};\n        display: inline-block;\n        color: ${palette['foreground-color']};\n        border: 0.0625rem solid ${palette['border-line']};\n        border-radius: inherit;\n        background: ${palette['primary-background']};\n      }\n\n      .emoji-mart .emoji-mart-emoji {\n        padding: calc(0.75 * ${spacing});\n      }\n\n      .emoji-mart-bar {\n        border: 0 solid ${palette['border-line']};\n      }\n      .emoji-mart-bar:first-child {\n        border-bottom-width: 0.0625rem;\n        border-top-left-radius: inherit;\n        border-top-right-radius: inherit;\n      }\n      .emoji-mart-bar:last-child {\n        border-top-width: 0.0625rem;\n        border-bottom-left-radius: inherit;\n        border-bottom-right-radius: inherit;\n        ${!showFooter &&\n        css`\n          display: none;\n        `}\n      }\n\n      .emoji-mart-anchors {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        padding: 0 calc(0.75 * ${spacing});\n        line-height: 0;\n      }\n\n      .emoji-mart-anchor {\n        position: relative;\n        display: block;\n        flex: 1 1 auto;\n        color: ${secondaryTextColor};\n        text-align: center;\n        padding: calc(1.5 * ${spacing}) calc(0.5 * ${spacing});\n        overflow: hidden;\n        transition: color calc(0.4 * ${speed}) ${timing['ease-out']};\n        margin: 0;\n        box-shadow: none;\n        background: none;\n        border: none;\n      }\n      .emoji-mart-anchor:focus {\n        outline: 0;\n      }\n      .emoji-mart-anchor:hover,\n      .emoji-mart-anchor:focus,\n      .emoji-mart-anchor-selected {\n        color: ${palette.interactive};\n      }\n\n      .emoji-mart-anchor-selected .emoji-mart-anchor-bar {\n        bottom: 0;\n      }\n\n      .emoji-mart-anchor-bar {\n        position: absolute;\n        bottom: calc(-0.375 * ${spacing});\n        left: 0;\n        width: 100%;\n        height: calc(0.375 * ${spacing});\n        background-color: ${palette.interactive};\n      }\n\n      .emoji-mart-anchors i {\n        display: inline-block;\n        width: 100%;\n        max-width: calc(2.75 * ${spacing});\n      }\n\n      .emoji-mart-anchors svg,\n      .emoji-mart-anchors img {\n        fill: currentColor;\n        height: calc(2.25 * ${spacing});\n        width: calc(2.25 * ${spacing});\n      }\n\n      .emoji-mart-scroll {\n        overflow-y: scroll;\n        overflow-x: hidden;\n        height: 16.875rem;\n        padding: 0 calc(0.75 * ${spacing});\n        will-change: transform; /* avoids \"repaints on scroll\" in mobile Chrome */\n      }\n\n      .emoji-mart-search {\n        padding: ${spacing};\n        position: relative;\n      }\n\n      .emoji-mart-search input {\n        font-size: ${fontSizes.l};\n        color: ${palette['foreground-color']};\n        display: block;\n        width: 100%;\n        padding: calc(0.625 * ${spacing}) calc(3.125 * ${spacing}) calc(0.75 * ${spacing})\n          calc(1.25 * ${spacing});\n        border-radius: calc(${borderRadius} * ${searchInputRadius});\n        border: 0.0625rem solid ${palette['border-line']};\n        background-color: ${palette['primary-background']};\n        outline: 0;\n      }\n\n      .emoji-mart-search input:hover {\n        border-color: ${palette['foreground-color']};\n      }\n\n      .emoji-mart-search input,\n      .emoji-mart-search input::-webkit-search-decoration,\n      .emoji-mart-search input::-webkit-search-cancel-button,\n      .emoji-mart-search input::-webkit-search-results-button,\n      .emoji-mart-search input::-webkit-search-results-decoration {\n        /*\n          remove webkit/blink styles for <input type=\"search\">\n          via https://stackoverflow.com/a/9422689\n        */\n        -webkit-appearance: none;\n      }\n\n      .emoji-mart-search-icon {\n        position: absolute;\n        top: calc(1.875 * ${spacing});\n        right: calc(2.25 * ${spacing});\n        z-index: 2;\n        border: none;\n        background: none;\n      }\n\n      .emoji-mart-search-icon svg {\n        fill: ${secondaryTextColor};\n      }\n\n      .emoji-mart-category .emoji-mart-emoji span {\n        z-index: 1;\n        position: relative;\n        text-align: center;\n        cursor: default;\n      }\n\n      .emoji-mart-category .emoji-mart-emoji:hover::before {\n        z-index: 0;\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ${hoverColor};\n        border-radius: 100%;\n      }\n\n      .emoji-mart-category-label {\n        z-index: 2;\n        top: 0;\n\n        /* stylelint-disable declaration-block-no-duplicate-properties */\n        position: relative;\n        position: -webkit-sticky;\n        position: sticky;\n        /* stylelint-enable declaration-block-no-duplicate-properties */\n      }\n\n      .emoji-mart-category-label span {\n        display: block;\n        width: 100%;\n        font-weight: ${fontWeight['semi-bold']};\n        padding: ${spacing} calc(0.25 * ${spacing});\n        background-color: ${transparentize(0.05, palette['primary-background'])};\n      }\n\n      .emoji-mart-category-list {\n        margin: 0;\n        padding: calc(0.375 * ${spacing}) 0;\n      }\n\n      .emoji-mart-category-list li {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        display: inline-block;\n      }\n\n      .emoji-mart-emoji {\n        position: relative;\n        display: inline-block;\n        font-size: 0;\n        margin: 0;\n        padding: 0;\n        border: none;\n        background: none;\n        box-shadow: none;\n      }\n\n      .emoji-mart-emoji-native {\n        /* stylelint-disable font-family-no-missing-generic-family-keyword */\n        font-family: 'Segoe UI Emoji', 'Segoe UI Symbol', 'Segoe UI', 'Apple Color Emoji',\n          'Twemoji Mozilla', 'Noto Color Emoji', 'Android Emoji'; /* cspell:disable-line */\n        /* stylelint-enable font-family-no-missing-generic-family-keyword */\n      }\n\n      .emoji-mart-category .emoji-mart-emoji:focus,\n      .emoji-mart-category .emoji-mart-emoji-native:focus,\n      .emoji-mart-skin:focus,\n      .emoji-mart-search input:focus {\n        outline: 0;\n        border-color: transparent;\n        box-shadow: ${focusShadow};\n      }\n\n      .emoji-mart-category .emoji-mart-emoji:focus,\n      .emoji-mart-category .emoji-mart-emoji-native:focus {\n        border-radius: 100%;\n      }\n\n      .emoji-mart-no-results {\n        font-size: ${fontSizes.s};\n        text-align: center;\n        padding-top: 4.375rem;\n        color: ${secondaryTextColor};\n      }\n      .emoji-mart-no-results-img {\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n        width: 50%;\n      }\n      .emoji-mart-no-results .emoji-mart-category-label {\n        display: none;\n      }\n      .emoji-mart-no-results .emoji-mart-no-results-label {\n        margin-top: 0.2em;\n      }\n      .emoji-mart-no-results .emoji-mart-emoji:hover::before {\n        content: none;\n      }\n\n      .emoji-mart-preview {\n        position: relative;\n        min-height: 2.5rem;\n        height: fit-content;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n      }\n\n      .emoji-mart-preview-emoji {\n        left: calc(1.5 * ${spacing});\n      }\n\n      .emoji-mart-preview-data {\n        left: calc(8.5 * ${spacing});\n        right: calc(1.5 * ${spacing});\n        word-break: break-all;\n        flex: 1;\n      }\n\n      .emoji-mart-preview-skins {\n        position: absolute;\n        right: calc(3.75 * ${spacing});\n        text-align: right;\n      }\n\n      .emoji-mart-preview-skins.custom {\n        right: calc(1.25 * ${spacing});\n        text-align: right;\n      }\n\n      .emoji-mart-preview-name {\n        font-size: ${fontSizes.s};\n      }\n\n      .emoji-mart-preview-shortname {\n        font-size: ${fontSizes.xxs};\n        color: ${secondaryTextColor};\n      }\n      .emoji-mart-preview-shortname + .emoji-mart-preview-shortname,\n      .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,\n      .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {\n        margin-left: 0.5em;\n      }\n\n      .emoji-mart-preview-emoticon {\n        font-size: ${fontSizes.xxs};\n        color: ${secondaryTextColor};\n      }\n\n      .emoji-mart-title span {\n        display: inline-block;\n        vertical-align: middle;\n      }\n\n      .emoji-mart-title .emoji-mart-emoji {\n        padding: 0;\n      }\n\n      .emoji-mart-title-label {\n        color: ${secondaryTextColor};\n        font-size: ${fontSizes.xxl};\n        font-weight: ${fontWeight.normal};\n      }\n\n      .emoji-mart-skin-swatches {\n        font-size: 0;\n        padding: calc(0.25 * ${spacing}) 0;\n        border: 0.0625rem solid ${palette['border-line']};\n        border-radius: calc(1.5 * ${spacing});\n        background-color: ${palette['secondary-background']};\n      }\n\n      .emoji-mart-skin-swatches.custom {\n        font-size: 0;\n        border: none;\n        background-color: ${palette['secondary-background']};\n      }\n\n      .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {\n        width: calc(2 * ${spacing});\n        padding: 0 calc(0.25 * ${spacing});\n      }\n\n      .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected::after {\n        opacity: ${transparency['transparent-2']};\n      }\n\n      .emoji-mart-skin-swatch {\n        display: inline-block;\n        width: 0;\n        vertical-align: middle;\n        transition-property: width, padding;\n        transition-duration: calc(0.5 * ${speed});\n        transition-timing-function: ${timing['ease-out']};\n      }\n\n      .emoji-mart-skin-swatch:nth-child(1) {\n        transition-delay: 0s;\n      }\n      .emoji-mart-skin-swatch:nth-child(2) {\n        transition-delay: 0.03s;\n      }\n      .emoji-mart-skin-swatch:nth-child(3) {\n        transition-delay: 0.06s;\n      }\n      .emoji-mart-skin-swatch:nth-child(4) {\n        transition-delay: 0.09s;\n      }\n      .emoji-mart-skin-swatch:nth-child(5) {\n        transition-delay: 0.12s;\n      }\n      .emoji-mart-skin-swatch:nth-child(6) {\n        transition-delay: 0.15s;\n      }\n\n      .emoji-mart-skin-swatch.selected {\n        position: relative;\n        width: calc(2 * ${spacing});\n        padding: 0 calc(0.25 * ${spacing});\n      }\n\n      .emoji-mart-skin-swatch.selected::after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: calc(0.5 * ${spacing});\n        height: calc(0.5 * ${spacing});\n        margin: calc(-0.25 * ${spacing}) 0 0 calc(-0.25 * ${spacing});\n        background-color: ${palette['primary-background']};\n        border-radius: 100%;\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity ${speed} ${timing['ease-out']};\n      }\n\n      .emoji-mart-skin-swatch.custom {\n        display: inline-block;\n        width: 0;\n        height: 2.375rem;\n        overflow: hidden;\n        vertical-align: middle;\n        transition-property: width, height;\n        transition-duration: calc(0.5 * ${speed});\n        transition-timing-function: ${timing['ease-out']};\n        cursor: default;\n      }\n\n      .emoji-mart-skin-swatch.custom.selected {\n        position: relative;\n        width: 2.25rem;\n        height: 2.375rem;\n        padding: 0 calc(0.25 * ${spacing}) 0 0;\n      }\n\n      .emoji-mart-skin-swatch.custom.selected::after {\n        content: '';\n        width: 0;\n        height: 0;\n      }\n\n      .emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {\n        background-color: ${palette['primary-background']};\n        border-radius: 10%;\n      }\n\n      .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {\n        width: 2.25rem;\n        height: 2.375rem;\n        padding: 0 calc(0.25 * ${spacing}) 0 0;\n      }\n\n      .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected::after {\n        opacity: ${transparency['transparent-2']};\n      }\n\n      .emoji-mart-skin-text.opened {\n        display: inline-block;\n        vertical-align: middle;\n        text-align: left;\n        color: ${secondaryTextColor};\n        font-size: ${fontSizes.xxs};\n        padding: calc(0.625 * ${spacing}) calc(0.25 * ${spacing});\n        width: 6rem;\n        height: 2.5rem;\n        border-radius: 10%;\n        background-color: ${palette['primary-background']};\n      }\n\n      .emoji-mart-skin {\n        display: inline-block;\n        width: 100%;\n        padding-top: 100%;\n        max-width: calc(1.5 * ${spacing});\n        border-radius: 100%;\n      }\n\n      .emoji-mart-skin-tone-1 {\n        background-color: #ffc93a;\n      }\n      .emoji-mart-skin-tone-2 {\n        background-color: #fadcbc;\n      }\n      .emoji-mart-skin-tone-3 {\n        background-color: #e0bb95;\n      }\n      .emoji-mart-skin-tone-4 {\n        background-color: #bf8f68;\n      }\n      .emoji-mart-skin-tone-5 {\n        background-color: #9b643d;\n      }\n      .emoji-mart-skin-tone-6 {\n        background-color: #594539;\n      }\n\n      /* For screen readers only */\n      .emoji-mart-sr-only {\n        ${hideVisually}\n      }\n\n      /*\n        https://github.com/missive/emoji-mart/issues/319\n        https://github.com/missive/emoji-mart/pull/442\n      */\n      .emoji-mart-emoji-native {\n        height: var(--emoji-size);\n        width: var(--emoji-size);\n        position: relative;\n        display: inline-block;\n        box-sizing: content-box;\n        vertical-align: bottom;\n      }\n\n      .emoji-mart-emoji-native > span {\n        position: absolute !important;\n        top: 50%;\n        left: 50%;\n        height: initial !important;\n        width: initial !important;\n        transform: translate(-50%, -50%);\n      }\n    `;\n  }\n);\n\nStyledEmojiPicker.defaultProps = defaultThemeProp;\n\nexport default StyledEmojiPicker;\n"]}

package/lib/components/EmojiPicker/index.d.ts

@@ -1,4 +0,0 @@
-export { default, EmojiContext } from './EmojiPicker';
-export type { EmojiPickerProps } from './EmojiPicker';
-export { default as EmojiDisplay } from './EmojiDisplay';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/EmojiPicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/EmojiPicker/index.js

@@ -1,3 +0,0 @@
-export { default, EmojiContext } from './EmojiPicker';
-export { default as EmojiDisplay } from './EmojiDisplay';
-//# sourceMappingURL=index.js.map

package/lib/components/EmojiPicker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmojiPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { default, EmojiContext } from './EmojiPicker';\nexport type { EmojiPickerProps } from './EmojiPicker';\nexport { default as EmojiDisplay } from './EmojiDisplay';\n"]}

package/lib/components/EmptyState/EmptyState.d.ts

@@ -1,14 +0,0 @@
-import { FunctionComponent, Ref } from 'react';
-import { BaseProps, NoChildrenProp, ForwardProps } from '../../types';
-export interface EmptyStateProps extends BaseProps, NoChildrenProp {
-    /**
-     * Message to display below the icon.
-     * @default 'No items'
-     */
-    message?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-export declare const StyledEmptyState: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const EmptyState: FunctionComponent<EmptyStateProps & ForwardProps>;
-export default EmptyState;
-//# sourceMappingURL=EmptyState.d.ts.map

package/lib/components/EmptyState/EmptyState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAU5E,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKtE,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,yGAc3B,CAAC;AAIH,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAiBjE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/EmptyState/EmptyState.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { rgba } from 'polished';
-import Flex from '../Flex';
-import Icon, { StyledIcon, registerIcon } from '../Icon';
-import * as galaxyIcon from '../Icon/icons/galaxy.icon';
-import Text from '../Text';
-import { tryCatch } from '../../utils';
-import { useI18n } from '../../hooks';
-import { defaultThemeProp } from '../../theme';
-registerIcon(galaxyIcon);
-export const StyledEmptyState = styled.div(({ theme }) => {
-    const color = tryCatch(() => rgba(theme.base.palette['foreground-color'], theme.base.transparency['transparent-2']));
-    return css `
-    height: 100%;
-
-    ${StyledIcon} {
-      font-size: 1.5rem;
-      height: 1.5rem;
-      width: 1.5rem;
-      color: ${color};
-    }
-  `;
-});
-StyledEmptyState.defaultProps = defaultThemeProp;
-const EmptyState = forwardRef(function EmptyState(props, ref) {
-    const t = useI18n();
-    const { message = t('no_items'), ...restProps } = props;
-    return (_jsxs(Flex, { ...restProps, as: StyledEmptyState, ref: ref, container: { direction: 'column', alignItems: 'center', justify: 'center', gap: 1 }, children: [_jsx(Icon, { name: 'galaxy' }), _jsx(Text, { variant: 'secondary', children: message })] }));
-});
-export default EmptyState;
-//# sourceMappingURL=EmptyState.js.map

package/lib/components/EmptyState/EmptyState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,OAAO,CAAC;AAC5E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,YAAY,CAAC,UAAU,CAAC,CAAC;AAWzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvD,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC1B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CACvF,CAAC;IACF,OAAO,GAAG,CAAA;;;MAGN,UAAU;;;;eAID,KAAK;;GAEjB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,MAAM,UAAU,GAAsD,UAAU,CAC9E,SAAS,UAAU,CAAC,KAAuC,EAAE,GAA2B;IACtF,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAExD,OAAO,CACL,MAAC,IAAI,OACC,SAAS,EACb,EAAE,EAAE,gBAAgB,EACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAEnF,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,KAAC,IAAI,IAAC,OAAO,EAAC,WAAW,YAAE,OAAO,GAAQ,IACrC,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\n\nimport Flex from '../Flex';\nimport Icon, { StyledIcon, registerIcon } from '../Icon';\nimport * as galaxyIcon from '../Icon/icons/galaxy.icon';\nimport Text from '../Text';\nimport { tryCatch } from '../../utils';\nimport { useI18n } from '../../hooks';\nimport { BaseProps, NoChildrenProp, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\n\nregisterIcon(galaxyIcon);\n\nexport interface EmptyStateProps extends BaseProps, NoChildrenProp {\n  /**\n   * Message to display below the icon.\n   * @default 'No items'\n   */\n  message?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledEmptyState = styled.div(({ theme }) => {\n  const color = tryCatch(() =>\n    rgba(theme.base.palette['foreground-color'], theme.base.transparency['transparent-2'])\n  );\n  return css`\n    height: 100%;\n\n    ${StyledIcon} {\n      font-size: 1.5rem;\n      height: 1.5rem;\n      width: 1.5rem;\n      color: ${color};\n    }\n  `;\n});\n\nStyledEmptyState.defaultProps = defaultThemeProp;\n\nconst EmptyState: FunctionComponent<EmptyStateProps & ForwardProps> = forwardRef(\n  function EmptyState(props: PropsWithoutRef<EmptyStateProps>, ref: EmptyStateProps['ref']) {\n    const t = useI18n();\n    const { message = t('no_items'), ...restProps } = props;\n\n    return (\n      <Flex\n        {...restProps}\n        as={StyledEmptyState}\n        ref={ref}\n        container={{ direction: 'column', alignItems: 'center', justify: 'center', gap: 1 }}\n      >\n        <Icon name='galaxy' />\n        <Text variant='secondary'>{message}</Text>\n      </Flex>\n    );\n  }\n);\n\nexport default EmptyState;\n"]}

package/lib/components/EmptyState/index.d.ts

@@ -1,3 +0,0 @@
-export { default, StyledEmptyState } from './EmptyState';
-export type { EmptyStateProps } from './EmptyState';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/EmptyState/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/EmptyState/index.js

@@ -1,2 +0,0 @@
-export { default, StyledEmptyState } from './EmptyState';
-//# sourceMappingURL=index.js.map

package/lib/components/EmptyState/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default, StyledEmptyState } from './EmptyState';\nexport type { EmptyStateProps } from './EmptyState';\n"]}

package/lib/components/ErrorState/ErrorState.d.ts

@@ -1,16 +0,0 @@
-import { FunctionComponent, Ref } from 'react';
-import { BaseProps, NoChildrenProp, ForwardProps } from '../../types';
-export interface ErrorStateProps extends BaseProps, NoChildrenProp {
-    /**
-     * Message to display below the icon.
-     * @default 'Unknown error'
-     */
-    message?: string;
-    /** Callback function that if provided renders a localized Retry button. */
-    onRetry?: () => void;
-    ref?: Ref<HTMLDivElement>;
-}
-export declare const StyledErrorState: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const ErrorState: FunctionComponent<ErrorStateProps & ForwardProps>;
-export default ErrorState;
-//# sourceMappingURL=ErrorState.d.ts.map

package/lib/components/ErrorState/ErrorState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorState.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorState/ErrorState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAS5E,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKtE,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,yGAW3B,CAAC;AAIH,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAsBjE,CAAC;AAEF,eAAe,UAAU,CAAC"}