blvdmitry

const BlueskyIcon = () => (
  <svg
    width="24"
    height="22"
    viewBox="0 0 24 22"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M4.75371 2.21493C6.05271 3.18993 7.43271 4.69393 8.63271 6.25493C9.83171 7.81393 10.8117 9.37893 11.3267 10.4439L11.5519 10.9097C11.7339 11.286 12.2699 11.2862 12.4521 10.9099L12.6777 10.4439C13.1917 9.37893 14.1727 7.81393 15.3707 6.25493C16.5717 4.69393 17.9517 3.18993 19.2497 2.21493C20.2037 1.49893 21.3457 0.954934 22.1567 0.942934C22.5267 0.936934 22.7517 1.04093 22.9007 1.21393C23.0687 1.40793 23.2517 1.81693 23.2517 2.64093C23.2517 2.96793 23.1507 4.47093 23.0137 6.03993C22.9457 6.81493 22.8717 7.59093 22.7987 8.22493C22.7217 8.88693 22.6557 9.32593 22.6127 9.47693C22.4707 9.98393 22.0647 10.4359 21.4057 10.8329C20.7497 11.2269 19.9267 11.5159 19.1117 11.7289C18.3017 11.9389 17.5407 12.0639 17.0177 12.1479C16.9947 12.1509 16.9717 12.1549 16.9487 12.1589C16.7327 12.1929 16.5257 12.2259 16.3997 12.2569C16.3647 12.2649 16.2987 12.2819 16.22

blvdmitry

type Props<TagName extends keyof JSX.IntrinsicElements | void = void> = {
	as?: TagName;
	children?: React.ReactNode;
	attributes?: Attributes<TagName>;
};


export type Attributes<TagName = void, O = void> = Omit<
	(TagName extends keyof JSX.IntrinsicElements
		? JSX.IntrinsicElements[TagName]

blvdmitry

const baseUnit = 4;
const units = [...Array(30).keys()].reduce(
  (config, i) => ({
    ...config,
    [i + 1]: `${baseUnit * (i + 1)}px`,
  }),
  {}
);

/** @type {import('tailwindcss').Config} */

blvdmitry

/* css */

.root {
	--_p: 4;
	padding: calc(var(--arcade-unit-x1) * var(--_p));
	border-radius: var(--arcade-unit-radius-medium);
	background: var(--arcade-color-background-elevated);
	color: var(--arcade-color-foreground-neutral);
	border: var(--arcade-unit-border-small) solid var(--arcade-color-border-neutral-faded);
	box-shadow: var(--arcade-shadow-elevated);

blvdmitry

-Xms128m
-Xmx750m
-XX:ReservedCodeCacheSize=240m
-XX:+UseConcMarkSweepGC
-XX:SoftRefLRUPolicyMSPerMB=50
-ea
-XX:CICompilerCount=2
-Dsun.io.useCanonPrefixCache=false
-Djdk.http.auth.tunneling.disabledSchemes=""
-XX:+HeapDumpOnOutOfMemoryError

blvdmitry

.root {
	background-color: var(--color-background-neutral);
	/* Border is aligned with background */
	color: var(--color-foreground-neutral);
	border-radius: var(--unit-radius-small);
	transition: var(--duration-fast) var(--easing-standard);
	transition-property: background-color, box-shadow, border;
	padding: calc(var(--unit-x2) - var(--unit-border-small)) calc(var(--unit-x3) - var(--unit-border-small));
	min-height: calc(var(--DO_NOT_USE_bodyMedium2_lineHeight) + var(--unit-x2) * 2);
	min-width: calc(var(--DO_NOT_USE_bodyMedium2_lineHeight) + var(--unit-x2) * 2);

blvdmitry

const path = require('path');
const fs = require('fs-extra');
const sassExtract = require('sass-extract');
const Handlebars = require('handlebars');
const juice = require('juice');

const templatesPath = path.resolve(__dirname, '../templates/');
const partialsPath = path.resolve(__dirname, '../components/');

const templateNames = fs.readdirSync(templatesPath);

blvdmitry

export const isRTL = () => !!document.querySelector('[dir=rtl]');
export const isLTR = () => !isRTL();

let cachedScrollType;

const getScrollType = () => {
  if (cachedScrollType) return cachedScrollType;

  const dummy = window.document.createElement('div');

blvdmitry

import React from 'react';
import { storiesOf } from '@storybook/react';
import Button from 'components/Button';
import Dialog from 'components/Dialog';
import DialogProvider from 'components/Dialog/DialogProvider';

const Story = (props: { position?: 'right' }) => {
  const modalId = 'testModal';
  const { show } = Dialog.use(modalId);

blvdmitry

class Popover extends React.PureComponent {
  state = {
    active: false,
    visible: false
  }
  
  componentDidMount() {
    if (this.props.active) {
      this.show();
    }