diff --git a/_src /atoms/label/Label.html b/_src /atoms/label/Label.html deleted file mode 100644 index e6b244148..000000000 --- a/_src /atoms/label/Label.html +++ /dev/null @@ -1,6 +0,0 @@ - - - diff --git a/_src /atoms/label/Label.js b/_src /atoms/label/Label.js deleted file mode 100644 index 2576b8fe3..000000000 --- a/_src /atoms/label/Label.js +++ /dev/null @@ -1,12 +0,0 @@ -// @vue/component -export default { - props: { - /** - * Label tag - */ - tag: { - type: String, - default: 'label' - } - } -} diff --git a/_src /atoms/label/Label.scss b/_src /atoms/label/Label.scss deleted file mode 100644 index e9fa794e1..000000000 --- a/_src /atoms/label/Label.scss +++ /dev/null @@ -1,27 +0,0 @@ -@import '../../../assets/styles/_globals.scss'; - -$label-margin--inline: 0 $spacer 0 0 !default; -$label-font-size : $font-size-base !default; -$label-color : $color-secondary !default; -$label-font-family : $font-family-base !default; -$label-font-weight : $font-weight-normal !default; -$label-line-height : $font-line-height !default; -$label-transition : none !default; - -.a-label { - display: block; - color: $label-color; - font-weight: $label-font-weight; - font-size: $label-font-size; - font-family: $label-font-family; - line-height: $label-line-height; - transition: $label-transition; - - &--inline { - margin: $label-margin--inline; - } - - &--hidden { - @include visually-hidden(); - } -} diff --git a/_src /atoms/label/Label.selectors.json b/_src /atoms/label/Label.selectors.json deleted file mode 100644 index 936b292cd..000000000 --- a/_src /atoms/label/Label.selectors.json +++ /dev/null @@ -1,10 +0,0 @@ -[ - { - "name": ".a-label--inline", - "description": "Selector for applying inline styles" - }, - { - "name": ".a-label--hidden", - "description": "Selector for applying hidden styles, mainly used for accessibility purposes" - } -] diff --git a/_src /atoms/label/Label.spec.js b/_src /atoms/label/Label.spec.js deleted file mode 100644 index 7a1b3e216..000000000 --- a/_src /atoms/label/Label.spec.js +++ /dev/null @@ -1,37 +0,0 @@ -import { mount } from '@vue/test-utils' -import ALabel from './Label.vue' - -describe('Label', () => { - it('has default structure', () => { - const wrapper = mount(ALabel) - - expect(wrapper.is('label')).toBe(true) - expect(wrapper.classes()).toContain('a-label') - expect(wrapper.classes().length).toBe(1) - }) - - it('renders custom root element', () => { - const wrapper = mount(ALabel, { - propsData: { - tag: 'span' - } - }) - - expect(wrapper.is('span')).toBe(true) - expect(wrapper.classes()).toContain('a-label') - expect(wrapper.classes().length).toBe(1) - }) - - it('renders slot text when passed', () => { - const wrapper = mount(ALabel, { - slots: { - default: ` - Alpaca UI - ` - } - }) - - expect(wrapper.find('label span').exists()).toBe(true) - expect(wrapper.find('label span').text()).toEqual('Alpaca UI') - }) -}) diff --git a/_src /atoms/label/Label.stories.js b/_src /atoms/label/Label.stories.js deleted file mode 100644 index 5aae0d5fc..000000000 --- a/_src /atoms/label/Label.stories.js +++ /dev/null @@ -1,53 +0,0 @@ -import { storiesOf } from '@storybook/vue' -import { select, text } from '@storybook/addon-knobs' - -import generateVueInfoTable from '@utils/helpers/generate-vue-info-table.js' -import getClassKnobsConfig from '@utils/helpers/get-class-knobs-config.js' -import selectorsConfig from './Label.selectors.json' - -import ALabel from './Label.vue' - -const info = ` -

Check Knobs tab to edit component properties dynamically.


- ${generateVueInfoTable(selectorsConfig, 'BEM modifiers')} -` - -const classKnobsConfig = getClassKnobsConfig(selectorsConfig) - -storiesOf('Atoms/Label', module) - .addParameters({ info }) - .add('Default', () => ({ - components: { ALabel }, - props: { - classKnobs: { - default: select('BEM Modifier', classKnobsConfig) - }, - textKnobs: { - default: text('Text', 'Label') - } - }, - template: ` - - {{ textKnobs }} - - ` - })) - .add('Custom tag', () => ({ - components: { ALabel }, - props: { - classKnobs: { - default: select('BEM Modifier', classKnobsConfig) - }, - textKnobs: { - default: text('Text', 'Custom tag label') - } - }, - template: ` - - {{ textKnobs }} - - ` - })) diff --git a/_src /atoms/label/Label.vue b/_src /atoms/label/Label.vue deleted file mode 100644 index 8a1e1afd7..000000000 --- a/_src /atoms/label/Label.vue +++ /dev/null @@ -1,13 +0,0 @@ -