Skip to content
This repository has been archived by the owner on Sep 26, 2023. It is now read-only.

Commit

Permalink
Fix missing prefixed class names
Browse files Browse the repository at this point in the history
  • Loading branch information
joeattardi committed Feb 6, 2023
1 parent 0cfaf58 commit 9007ed4
Show file tree
Hide file tree
Showing 4 changed files with 14 additions and 14 deletions.
10 changes: 5 additions & 5 deletions packages/popup-picker/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@

<body>
<h1>PicMo: Popup Picker</h1>
<div class="triggerContainer">
<button type="button" class="trigger" id="trigger">
<div class="picmo__triggerContainer">
<button type="button" class="picmo__trigger" id="trigger">
<img src="smile.svg" />
</button>
<pre>Select an emoji</pre>
Expand All @@ -20,11 +20,11 @@ <h1>PicMo: Popup Picker</h1>
<input type="radio" name="theme" value="light" checked> Light
<input type="radio" name="theme" value="dark"> Dark

<section id="selection-outer" class="empty">
<section id="selection-outer" class="picmo__empty">
<h2>Selected emoji!</h2>
<div id="selection">
<div id="selection-emoji" class="empty"></div>
<div id="selection-name" class="empty">Nothing selected</div>
<div id="selection-emoji" class="picmo__empty"></div>
<div id="selection-name" class="picmo__empty">Nothing selected</div>
</div>
</section>

Expand Down
2 changes: 1 addition & 1 deletion packages/popup-picker/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import { createPopup } from './src/index';
const trigger = document.querySelector('#trigger');

const picker = createPopup({ showRecents: false }, {
position: 'bottom-end'
position: 'bottom-start'
});

trigger.addEventListener('click', () => {
Expand Down
10 changes: 6 additions & 4 deletions packages/popup-picker/src/popupPicker.ts
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ import {
FocusTrap,
PickerOptions,
ExternalEvent,
getPrefixedClasses,
} from 'picmo';
import { PopupEvent } from './PopupEvents';
import { setPosition, PositionCleanup } from './positioning';
Expand All @@ -21,10 +22,11 @@ type OpenOptions = {
triggerElement?: HTMLElement;
}

const classes = {
popupContainer: 'popupContainer',
closeButton: 'closeButton'
};
const classes = getPrefixedClasses(
'popupContainer',
'closeButton'
);

export class PopupPickerController {
picker: EmojiPicker;
isOpen = false;
Expand Down
6 changes: 2 additions & 4 deletions packages/renderer-twemoji/src/index.ts
Original file line number Diff line number Diff line change
@@ -1,15 +1,13 @@
import { parse } from 'twemoji-parser';

import { EmojiRecord, EmojiSelection, Renderer, toElement, createStyleInjector } from 'picmo';
import { EmojiRecord, EmojiSelection, Renderer, toElement, createStyleInjector, getPrefixedClasses } from 'picmo';

import css from './twemoji.css?inline';
import * as spriteSheets from './sprites';

type TwemojiImageFormat = 'svg' | 'png';

const classes = {
twemoji: 'twemoji'
};
const classes = getPrefixedClasses('twemoji')

const styleInject = createStyleInjector();

Expand Down

0 comments on commit 9007ed4

Please sign in to comment.