Skip to content

Instantly share code, notes, and snippets.

@hboylan
Last active June 21, 2021 19:41
Show Gist options
  • Select an option

  • Save hboylan/c0b7d1df491449a246065ab79f3b3f22 to your computer and use it in GitHub Desktop.

Select an option

Save hboylan/c0b7d1df491449a246065ab79f3b3f22 to your computer and use it in GitHub Desktop.

Revisions

  1. hboylan revised this gist Jun 21, 2021. 1 changed file with 0 additions and 12 deletions.
    12 changes: 0 additions & 12 deletions Alert.styled.ts
    Original file line number Diff line number Diff line change
    @@ -1,12 +0,0 @@
    export const Alert = styled.div<AlertStyle>`
    background-color: ${({ type }) => secondaryAlertStyles[type]};
    border-radius: ${({ theme }) => theme.shape!.borderRadius};
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    display: flex;
    opacity: ${({ active }) => (active ? 1 : 0)};
    overflow: hidden;
    ${AccentBar} {
    background-color: ${({ type }) => primaryAlertStyles[type]};
    }
    `
  2. hboylan revised this gist Jun 21, 2021. 1 changed file with 12 additions and 0 deletions.
    12 changes: 12 additions & 0 deletions Alert.styled.ts
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,12 @@
    export const Alert = styled.div<AlertStyle>`
    background-color: ${({ type }) => secondaryAlertStyles[type]};
    border-radius: ${({ theme }) => theme.shape!.borderRadius};
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    display: flex;
    opacity: ${({ active }) => (active ? 1 : 0)};
    overflow: hidden;
    ${AccentBar} {
    background-color: ${({ type }) => primaryAlertStyles[type]};
    }
    `
  3. hboylan renamed this gist Jun 21, 2021. 1 changed file with 0 additions and 0 deletions.
    File renamed without changes.
  4. hboylan created this gist Jun 21, 2021.
    22 changes: 22 additions & 0 deletions building-blocks.sh
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,22 @@
    src/components/
    ├── Button
    │ ├── Button.stories.tsx
    │ ├── Button.styled.ts
    │ ├── Button.test.tsx
    │ ├── Button.tsx
    │ └── index.ts
    ├── Checkbox
    │ ├── Checkbox.stories.tsx
    │ ├── Checkbox.styled.ts
    │ ├── Checkbox.test.tsx
    │ ├── Checkbox.tsx
    │ └── index.ts
    ...
    └── Typeahead
    ├── Typeahead.stories.tsx
    ├── Typeahead.styled.ts
    ├── Typeahead.test.tsx
    ├── Typeahead.tsx
    ├── TypeaheadItem.tsx
    ├── TypeaheadItemGroup.tsx
    └── index.ts