fds-vue-core 7.1.2 → 7.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fds-vue-core",
-  "version": "7.1.2",
+  "version": "7.1.3",
   "description": "FDS Vue Core Component Library",
   "type": "module",
   "main": "./dist/fds-vue-core.cjs.js",

package/src/components/Table/FdsTableHead/FdsTableHead.stories.ts

@@ -9,13 +9,11 @@ const meta: Meta<typeof FdsTableHead> = {
     heading: { control: { type: 'text' } },
     align: { control: { type: 'radio' }, options: ['left', 'center', 'right'] },
     icon: { control: { type: 'select' }, options: ['sort', 'ascending', 'descending'] },
-    isSortActive: { control: { type: 'boolean' } },
   },
   args: {
     heading: 'Namn',
     align: 'left',
     icon: 'sort',
-    isSortActive: false,
   },
 }
 
@@ -65,7 +63,7 @@ export const Sortable: Story = {
 }
 
 export const SortedAsc: Story = {
-  args: { icon: 'ascending', isSortActive: true },
+  args: { icon: 'ascending' },
   render: (args: Story['args']) => ({
     components: { FdsTableHead },
     setup: () => ({ args }),
@@ -87,7 +85,7 @@ export const SortedAsc: Story = {
 }
 
 export const SortedDesc: Story = {
-  args: { icon: 'descending', isSortActive: true },
+  args: { icon: 'descending' },
   render: (args: Story['args']) => ({
     components: { FdsTableHead },
     setup: () => ({ args }),

package/src/components/Table/FdsTableHead/FdsTableHead.vue

@@ -9,7 +9,6 @@ const props = withDefaults(defineProps<FdsTableHeadProps>(), {
   icon: undefined,
   heading: undefined,
   dataTestid: undefined,
-  isSortActive: false,
 })
 
 const hasSlot = useHasSlot()
@@ -22,11 +21,6 @@ const headerClasses = computed(() => [
     'text-blue-600! hover:bg-blue_t-200 cursor-pointer focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-500 active:bg-blue_t-300',
 ])
 
-const iconClasses = computed(() => [
-  'fill-blue-500 ml-1 transition-opacity',
-  iconName.value && !props.isSortActive && 'opacity-20',
-])
-
 /* Sending an icon makes the th sortable */
 const iconName = computed(() => props.icon)
 
@@ -62,7 +56,7 @@ defineSlots<{
     >
       <span v-if="hasSlot"><slot /></span>
       <span v-else>{{ heading }}</span>
-      <FdsIcon :name="iconName" size="24px" :class="iconClasses" />
+      <FdsIcon :name="iconName" size="24px" class="fill-blue-500 ml-1" />
     </button>
     <div v-else :class="headerClasses">
       <span v-if="hasSlot"><slot /></span>

package/src/components/Table/FdsTableHead/types.ts

@@ -5,5 +5,4 @@ export interface FdsTableHeadProps extends /* @vue-ignore */ HTMLAttributes {
   align?: 'left' | 'center' | 'right'
   icon?: 'sort' | 'ascending' | 'descending'
   dataTestid?: string
-  isSortActive?: boolean
 }